Initial commit

src/App.vue

@@ -0,0 +1,81 @@
+<template>
+  <v-app id="inspire">
+    <v-navigation-drawer v-model="drawer">
+      <!--  -->
+      hello bleb smooch
+    </v-navigation-drawer>
+
+    <v-app-bar>
+      <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
+
+      <v-app-bar-title>Inventory System Status</v-app-bar-title>
+  
+    </v-app-bar>
+
+    <v-main>
+<v-pie 
+  title="Sets by theme"
+  animation
+  legend
+  :palette="['#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEEAD', 
+    '#D4A5A5', '#9B59B6', '#3498DB', '#E74C3C', '#2ECC71',
+    '#F1C40F', '#1ABC9C', '#D35400', '#C0392B', '#8E44AD',
+    '#2980B9', '#27AE60', '#F39C12', '#16A085', '#E67E22',
+    '#9B59B6', '#2C3E50', '#E84393', '#00B894', '#FD79A8',
+    '#6C5CE7', '#A8E6CF', '#DCEDC1', '#FFD3B6', '#FFAAA5',
+    '#FF8B94', '#A8D8EA']"
+  tooltip
+  reveal
+  :items="items"
+/>
+
+    </v-main>
+  </v-app>
+</template>
+
+
+
+<script setup>
+  import { ref } from 'vue'
+
+  const drawer = ref(null)
+  const items = [
+    { key: 1, title: "Marvel", value: 1 },
+    { key: 2, title: "Duplo", value: 1 },
+    { key: 3, title: "Harry Potter", value: 1 },
+    { key: 4, title: "Friends", value: 2 }, // Listed twice in original list
+    { key: 5, title: "Sonic", value: 1 },
+    { key: 6, title: "Mario", value: 1 },
+    { key: 7, title: "DC", value: 1 },
+    { key: 8, title: "Avatar", value: 1 },
+    { key: 9, title: "Classic", value: 1 },
+    { key: 10, title: "City", value: 1 },
+    { key: 11, title: "Fortnite", value: 1 },
+    { key: 12, title: "Wednesday", value: 1 },
+    { key: 13, title: "Wicked", value: 1 },
+    { key: 14, title: "Speed Champs", value: 1 },
+    { key: 15, title: "Animal Crossing", value: 1 },
+    { key: 16, title: "Creator", value: 1 },
+    { key: 17, title: "Ideas", value: 2 }, // Listed twice in original list
+    { key: 18, title: "Ninjago", value: 1 },
+    { key: 19, title: "JP", value: 1 },
+    { key: 20, title: "Star Wars", value: 1 },
+    { key: 21, title: "Architecture", value: 1 },
+    { key: 22, title: "Icons", value: 1 },
+    { key: 23, title: "Dots", value: 1 },
+    { key: 24, title: "Dreamzzz", value: 1 },
+    { key: 25, title: "One Piece", value: 1 },
+    { key: 26, title: "Bluey", value: 1 },
+    { key: 27, title: "Disney", value: 1 },
+    { key: 28, title: "Technic", value: 1 },
+    { key: 29, title: "Art", value: 1 },
+    { key: 30, title: "Botanicals", value: 1 }
+  ]
+</script>
+
+<script>
+  export default {
+    data: () => ({ drawer: null }),
+  }
+
+</script>