diff --git a/index.html b/index.html
index 1636ca2..cbda4b6 100644
--- 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/vuetify@3.0.0-beta.11/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/vuetify@3.0.0-beta.11/dist/vuetify.min.js"></script>
         <script type="module" src="src/index.mjs"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/package.json b/package.json
index 96ad1ec..ab2fe36 100644
--- 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
index b3f21d0..fd2c528 100644
--- 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>
\ No newline at end of file
diff --git a/src/index.mjs b/src/index.mjs
index 71f5731..f12d333 100644
--- 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');
\ No newline at end of file
