docs(VAppBar): switch examples to plain markup (#14547)

Author: KareemDa

packages/docs/src/examples/v-app-bar/misc-menu.vue

@@ -47,19 +47,30 @@
         </template>
 
         <v-list>
-          <v-list-item
-            v-for="(item, i) in items"
-            :key="i"
-          >
-            <v-list-item-title>{{ item.title }}</v-list-item-title>
+          <v-list-item>
+            <v-list-item-title>Click Me 1</v-list-item-title>
+          </v-list-item>
+
+          <v-list-item>
+            <v-list-item-title>Click Me 2</v-list-item-title>
+          </v-list-item>
+
+          <v-list-item>
+            <v-list-item-title>Click Me 3</v-list-item-title>
+          </v-list-item>
+
+          <v-list-item>
+            <v-list-item-title>Click Me 4</v-list-item-title>
           </v-list-item>
         </v-list>
       </v-menu>
 
       <template v-slot:extension>
         <v-tabs align-with-title>
           <v-tab>Tab 1</v-tab>
+
           <v-tab>Tab 2</v-tab>
+
           <v-tab>Tab 3</v-tab>
         </v-tabs>
       </template>
@@ -73,16 +84,3 @@
     </v-sheet>
   </v-card>
 </template>
-
-<script>
-  export default {
-    data: () => ({
-      items: [
-        { title: 'Click Me' },
-        { title: 'Click Me' },
-        { title: 'Click Me' },
-        { title: 'Click Me 2' },
-      ],
-    }),
-  }
-</script>