fix: lhci error

[id] attributes on the page are not unique The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies. Learn more. Failing Elements Cozy at Home via Ambient Intelligence Review your home timeline for notable mom… <div data-app="true" class="v-application v-application--is-ltr theme--light" id="app">
ambianic · May 20, 2020 · 9f8bec5 · 9f8bec5
1 parent 1e227e3
commit 9f8bec5
Showing 1 changed file with 78 additions and 80 deletions.
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -1,92 +1,90 @@
 <template>
-  <v-app>
-    <v-content>
-      <v-container
-        id="container"
-        class="pa-0 ma-0"
-        fluid
+  <v-content>
+    <v-container
+      id="container"
+      class="pa-0 ma-0"
+      fluid
+    >
+      <v-row
+        align="center"
+        justify="center"
+        no-gutters
       >
-        <v-row
-          align="center"
-          justify="center"
-          no-gutters
+        <v-card
+          max-width="344"
+          class="mx-auto"
         >
-          <v-card
-            max-width="344"
-            class="mx-auto"
+          <v-list-item
+            align="center"
+            justify="center"
           >
-            <v-list-item
-              align="center"
-              justify="center"
-            >
-              <v-list-item-content>
-                <v-list-item-title class="headline">
-                  Cozy at Home
-                </v-list-item-title>
-                <v-list-item-subtitle>
-                  via Ambient Intelligence
-                </v-list-item-subtitle>
-              </v-list-item-content>
-            </v-list-item>
+            <v-list-item-content>
+              <v-list-item-title class="headline">
+                Cozy at Home
+              </v-list-item-title>
+              <v-list-item-subtitle>
+                via Ambient Intelligence
+              </v-list-item-subtitle>
+            </v-list-item-content>
+          </v-list-item>
 
-            <v-img
-              src="@/assets/home-screen-logo.png"
-            />
+          <v-img
+            src="@/assets/home-screen-logo.png"
+          />
 
-            <v-card-text id="welcome-text">
-              Review your home timeline for notable moments.
-              Configure input sensors and camers for Ambianic to observe.
-              Share, purge or backup your data
-              - it never slips out of your control.
-            </v-card-text>
+          <v-card-text id="welcome-text">
+            Review your home timeline for notable moments.
+            Configure input sensors and camers for Ambianic to observe.
+            Share, purge or backup your data
+            - it never slips out of your control.
+          </v-card-text>
 
-            <v-card-actions>
-              <v-btn
-                rounded
-                color="pink darken-4"
-                dark
-                class="ma-2 white--text"
-                :to="'timeline'"
-                id="btn-timeline"
+          <v-card-actions>
+            <v-btn
+              rounded
+              color="pink darken-4"
+              dark
+              class="ma-2 white--text"
+              :to="'timeline'"
+              id="btn-timeline"
+            >
+              View Timeline
+              <v-icon
+                right
               >
-                View Timeline
-                <v-icon
-                  right
-                >
-                  mdi-history
-                </v-icon>
-              </v-btn>
-              <v-spacer />
-              <v-btn
-                id="btn-settings"
-                rounded
-                color="pink darken-4"
-                dark
-                class="ma-2 white--text"
-                :to="'settings'"
+                mdi-history
+              </v-icon>
+            </v-btn>
+            <v-spacer />
+            <v-btn
+              id="btn-settings"
+              rounded
+              color="pink darken-4"
+              dark
+              class="ma-2 white--text"
+              :to="'settings'"
+            >
+              Settings
+              <v-icon
+                right
               >
-                Settings
-                <v-icon
-                  right
-                >
-                  mdi-settings
-                </v-icon>
-              </v-btn>
-            </v-card-actions>
-          </v-card>
-        </v-row>
-        <v-row
-          align="end"
-          justify="center"
-          no-gutters=""
-          >
-          <v-col>
-            <update-notification class="mx-auto" />
-          </v-col>
-        </v-row>
-      </v-container>
-    </v-content>
-  </v-app>
+                mdi-settings
+              </v-icon>
+            </v-btn>
+          </v-card-actions>
+        </v-card>
+      </v-row>
+      <v-row
+        align="end"
+        justify="center"
+        no-gutters=""
+        >
+        <v-col>
+          <update-notification class="mx-auto" />
+        </v-col>
+      </v-row>
+    </v-container>
+  </v-content>
 </template>
 
 <script>