Differences

This shows you the differences between two versions of the page.

--- public:computer:vuetifyjs [2021/10/07 14:23] – [Basic] alex
+++ public:computer:vuetifyjs [2021/10/07 15:00] (current) – [Basic] alex
@@ Line 7: / Line 7: @@
 <sxh html>
 <template>
+  <!-- App.vue -->
   <v-app>
-    <v-app-bar app/>
+    <v-navigation-drawer app>
-    <v-navigation-drawer app/>
+      <!-- -->
+    </v-navigation-drawer>
+    <v-app-bar app>
+      <!-- -->
+    </v-app-bar>
+    <!-- Sizes your content based upon application components -->
     <v-main>
+      <!-- Provides the application the proper gutter -->
       <v-container fluid>
-        Contents Area
+        <!-- If using vue-router -->
+        <router-view></router-view>
       </v-container>
     </v-main>
-    <v-footer app/>
+    <v-footer app>
+      <!-- -->
+    </v-footer>
   </v-app>
 </template>
 </sxh>