Adding the vuetify stuff

purejgleason · Sep 26, 2022 · 8cba0a4 · 8cba0a4
1 parent 728354c
commit 8cba0a4
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -1,11 +1,14 @@
 <html>
     <head>
         <title>Caw Caw</title>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.css" />
+
     </head>
     <body>
         <h1>This is a test</h1>
         <div id="app"></div>
         <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.js"></script>
         <script type="module" src="src/index.mjs"></script>
     </body>
 </html>
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
   "author": "Jackie Gleason",
   "license": "MIT",
   "devDependencies": {
-    "@vitejs/plugin-vue": "^3.1.0",
+    "@vitejs/plugin-vue": "latest",
     "vite": "latest"
   }
 }
diff --git a/src/App.vue b/src/App.vue
@@ -1,5 +1,8 @@
 <template>
   <h1>Now Vue is working</h1>
+  <v-app>
+    <v-btn>Test button</v-btn>
+  </v-app>
 </template>
 <script setup>
 </script>
diff --git a/src/index.mjs b/src/index.mjs
@@ -1,5 +1,9 @@
 import App from "./App.vue";
 const { createApp } = Vue;
+const { createVuetify } = Vuetify
+
+const vuetify = createVuetify()
 
 createApp(App)
+  .use(vuetify)
   .mount('#app');