diff --git a/packages/nuxtlabs-ui-vue/src/App.vue b/packages/nuxtlabs-ui-vue/src/App.vue
index 829c280..84a6454 100755
--- a/packages/nuxtlabs-ui-vue/src/App.vue
+++ b/packages/nuxtlabs-ui-vue/src/App.vue
@@ -1,26 +1,6 @@
 <script setup lang='ts'>
-import { ref } from 'vue'
-
-const isOpen = ref(false)
 </script>
 
 <template>
-  <div class="grid place-items-center w-full min-h-screen">
-    <UButton label="Open" @click="isOpen = true" />
-    <USlideover v-model="isOpen" side="right" prevent-close>
-      <UCard
-        class="flex flex-col flex-1"
-        :ui="{ body: { base: 'flex-1' }, ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }"
-      >
-        <template #header>
-          <div class="flex items-center justify-between">
-            <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
-              Slideover
-            </h3>
-            <UButton intent="ghost" icon="heroicons:x-mark-20-solid" class="-my-1" @click="isOpen = false" />
-          </div>
-        </template>
-      </UCard>
-    </USlideover>
-  </div>
+  <div />
 </template>
diff --git a/packages/nuxtlabs-ui-vue/tailwind.config.js b/packages/nuxtlabs-ui-vue/tailwind.config.js
index 133bd76..de17a6b 100755
--- a/packages/nuxtlabs-ui-vue/tailwind.config.js
+++ b/packages/nuxtlabs-ui-vue/tailwind.config.js
@@ -1,41 +1,8 @@
-// /* eslint-disable no-unused-expressions */
-// import tailwindColors from './node_modules/tailwindcss/colors'
-
-// const colorSafeList = []
-
-// // Skip these to avoid a load of deprecated warnings when tailwind starts up
-// const deprecated = ['lightBlue', 'warmGray', 'trueGray', 'coolGray', 'blueGray']
-
-// for (const colorName in tailwindColors) {
-//   if (deprecated.includes(colorName))
-//     continue
-
-//   const shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900]
-
-//   const pallette = tailwindColors[colorName]
-
-//   if (typeof pallette === 'object') {
-//     shades.forEach((shade) => {
-//       if (shade in pallette) {
-//         colorSafeList.push(`text-${colorName}-${shade}`),
-//         colorSafeList.push(`accent-${colorName}-${shade}`),
-//         colorSafeList.push(`bg-${colorName}-${shade}`),
-//         colorSafeList.push(`hover:bg-${colorName}-${shade}`),
-//         colorSafeList.push(`focus:bg-${colorName}-${shade}`),
-//         colorSafeList.push(`ring-${colorName}-${shade}`),
-//         colorSafeList.push(`focus:ring-${colorName}-${shade}`),
-//         colorSafeList.push(`border-${colorName}-${shade}`)
-//       }
-//     })
-//   }
-// }
 /** @type {import('tailwindcss').Config} */
-// export const safelist = colorSafeList
 export const content = ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}']
 export const darkMode = 'class'
 export const theme = {
   extend: {
-    // colors: tailwindColors,
     backgroundColor: ['disabled'],
     textColor: ['disabled'],
     fontFamily: {