diff --git a/playground/app.config.ts b/playground/app/app.config.ts
similarity index 100%
rename from playground/app.config.ts
rename to playground/app/app.config.ts
diff --git a/playground/app.vue b/playground/app/app.vue
similarity index 100%
rename from playground/app.vue
rename to playground/app/app.vue
diff --git a/playground/components/FormElementsExample.vue b/playground/app/components/FormElementsExample.vue
similarity index 100%
rename from playground/components/FormElementsExample.vue
rename to playground/app/components/FormElementsExample.vue
diff --git a/playground/components/FormNestedExample.vue b/playground/app/components/FormNestedExample.vue
similarity index 100%
rename from playground/components/FormNestedExample.vue
rename to playground/app/components/FormNestedExample.vue
diff --git a/playground/components/FormNestedListExample.vue b/playground/app/components/FormNestedListExample.vue
similarity index 100%
rename from playground/components/FormNestedListExample.vue
rename to playground/app/components/FormNestedListExample.vue
diff --git a/playground/components/ModalProgrammaticExample.vue b/playground/app/components/ModalProgrammaticExample.vue
similarity index 100%
rename from playground/components/ModalProgrammaticExample.vue
rename to playground/app/components/ModalProgrammaticExample.vue
diff --git a/playground/components/Placeholder.vue b/playground/app/components/Placeholder.vue
similarity index 100%
rename from playground/components/Placeholder.vue
rename to playground/app/components/Placeholder.vue
diff --git a/playground/components/SlideoverProgrammaticExample.vue b/playground/app/components/SlideoverProgrammaticExample.vue
similarity index 100%
rename from playground/components/SlideoverProgrammaticExample.vue
rename to playground/app/components/SlideoverProgrammaticExample.vue
diff --git a/playground/pages/accordion.vue b/playground/app/pages/accordion.vue
similarity index 100%
rename from playground/pages/accordion.vue
rename to playground/app/pages/accordion.vue
diff --git a/playground/pages/alert.vue b/playground/app/pages/alert.vue
similarity index 100%
rename from playground/pages/alert.vue
rename to playground/app/pages/alert.vue
diff --git a/playground/pages/avatar.vue b/playground/app/pages/avatar.vue
similarity index 100%
rename from playground/pages/avatar.vue
rename to playground/app/pages/avatar.vue
diff --git a/playground/pages/badge.vue b/playground/app/pages/badge.vue
similarity index 100%
rename from playground/pages/badge.vue
rename to playground/app/pages/badge.vue
diff --git a/playground/pages/breadcrumb.vue b/playground/app/pages/breadcrumb.vue
similarity index 100%
rename from playground/pages/breadcrumb.vue
rename to playground/app/pages/breadcrumb.vue
diff --git a/playground/pages/button-group.vue b/playground/app/pages/button-group.vue
similarity index 100%
rename from playground/pages/button-group.vue
rename to playground/app/pages/button-group.vue
diff --git a/playground/pages/button.vue b/playground/app/pages/button.vue
similarity index 100%
rename from playground/pages/button.vue
rename to playground/app/pages/button.vue
diff --git a/playground/pages/card.vue b/playground/app/pages/card.vue
similarity index 100%
rename from playground/pages/card.vue
rename to playground/app/pages/card.vue
diff --git a/playground/pages/checkbox.vue b/playground/app/pages/checkbox.vue
similarity index 100%
rename from playground/pages/checkbox.vue
rename to playground/app/pages/checkbox.vue
diff --git a/playground/pages/chip.vue b/playground/app/pages/chip.vue
similarity index 100%
rename from playground/pages/chip.vue
rename to playground/app/pages/chip.vue
diff --git a/playground/pages/collapsible.vue b/playground/app/pages/collapsible.vue
similarity index 100%
rename from playground/pages/collapsible.vue
rename to playground/app/pages/collapsible.vue
diff --git a/playground/pages/command-palette.vue b/playground/app/pages/command-palette.vue
similarity index 100%
rename from playground/pages/command-palette.vue
rename to playground/app/pages/command-palette.vue
diff --git a/playground/pages/context-menu.vue b/playground/app/pages/context-menu.vue
similarity index 100%
rename from playground/pages/context-menu.vue
rename to playground/app/pages/context-menu.vue
diff --git a/playground/pages/drawer.vue b/playground/app/pages/drawer.vue
similarity index 100%
rename from playground/pages/drawer.vue
rename to playground/app/pages/drawer.vue
diff --git a/playground/pages/dropdown-menu.vue b/playground/app/pages/dropdown-menu.vue
similarity index 100%
rename from playground/pages/dropdown-menu.vue
rename to playground/app/pages/dropdown-menu.vue
diff --git a/playground/pages/form-field.vue b/playground/app/pages/form-field.vue
similarity index 100%
rename from playground/pages/form-field.vue
rename to playground/app/pages/form-field.vue
diff --git a/playground/pages/form.vue b/playground/app/pages/form.vue
similarity index 100%
rename from playground/pages/form.vue
rename to playground/app/pages/form.vue
diff --git a/playground/pages/index.vue b/playground/app/pages/index.vue
similarity index 100%
rename from playground/pages/index.vue
rename to playground/app/pages/index.vue
diff --git a/playground/pages/input-menu.vue b/playground/app/pages/input-menu.vue
similarity index 100%
rename from playground/pages/input-menu.vue
rename to playground/app/pages/input-menu.vue
diff --git a/playground/pages/input.vue b/playground/app/pages/input.vue
similarity index 100%
rename from playground/pages/input.vue
rename to playground/app/pages/input.vue
diff --git a/playground/pages/kbd.vue b/playground/app/pages/kbd.vue
similarity index 100%
rename from playground/pages/kbd.vue
rename to playground/app/pages/kbd.vue
diff --git a/playground/pages/link.vue b/playground/app/pages/link.vue
similarity index 100%
rename from playground/pages/link.vue
rename to playground/app/pages/link.vue
diff --git a/playground/pages/modal.vue b/playground/app/pages/modal.vue
similarity index 100%
rename from playground/pages/modal.vue
rename to playground/app/pages/modal.vue
diff --git a/playground/pages/navigation-menu.vue b/playground/app/pages/navigation-menu.vue
similarity index 100%
rename from playground/pages/navigation-menu.vue
rename to playground/app/pages/navigation-menu.vue
diff --git a/playground/pages/pagination.vue b/playground/app/pages/pagination.vue
similarity index 100%
rename from playground/pages/pagination.vue
rename to playground/app/pages/pagination.vue
diff --git a/playground/pages/popover.vue b/playground/app/pages/popover.vue
similarity index 100%
rename from playground/pages/popover.vue
rename to playground/app/pages/popover.vue
diff --git a/playground/pages/progress.vue b/playground/app/pages/progress.vue
similarity index 100%
rename from playground/pages/progress.vue
rename to playground/app/pages/progress.vue
diff --git a/playground/pages/radio-group.vue b/playground/app/pages/radio-group.vue
similarity index 100%
rename from playground/pages/radio-group.vue
rename to playground/app/pages/radio-group.vue
diff --git a/playground/pages/select-menu.vue b/playground/app/pages/select-menu.vue
similarity index 100%
rename from playground/pages/select-menu.vue
rename to playground/app/pages/select-menu.vue
diff --git a/playground/pages/select.vue b/playground/app/pages/select.vue
similarity index 100%
rename from playground/pages/select.vue
rename to playground/app/pages/select.vue
diff --git a/playground/pages/separator.vue b/playground/app/pages/separator.vue
similarity index 100%
rename from playground/pages/separator.vue
rename to playground/app/pages/separator.vue
diff --git a/playground/pages/shortcuts.vue b/playground/app/pages/shortcuts.vue
similarity index 100%
rename from playground/pages/shortcuts.vue
rename to playground/app/pages/shortcuts.vue
diff --git a/playground/pages/skeleton.vue b/playground/app/pages/skeleton.vue
similarity index 100%
rename from playground/pages/skeleton.vue
rename to playground/app/pages/skeleton.vue
diff --git a/playground/pages/slideover.vue b/playground/app/pages/slideover.vue
similarity index 100%
rename from playground/pages/slideover.vue
rename to playground/app/pages/slideover.vue
diff --git a/playground/pages/slider.vue b/playground/app/pages/slider.vue
similarity index 100%
rename from playground/pages/slider.vue
rename to playground/app/pages/slider.vue
diff --git a/playground/pages/switch.vue b/playground/app/pages/switch.vue
similarity index 100%
rename from playground/pages/switch.vue
rename to playground/app/pages/switch.vue
diff --git a/playground/pages/tabs.vue b/playground/app/pages/tabs.vue
similarity index 100%
rename from playground/pages/tabs.vue
rename to playground/app/pages/tabs.vue
diff --git a/playground/pages/textarea.vue b/playground/app/pages/textarea.vue
similarity index 100%
rename from playground/pages/textarea.vue
rename to playground/app/pages/textarea.vue
diff --git a/playground/pages/toast.vue b/playground/app/pages/toast.vue
similarity index 100%
rename from playground/pages/toast.vue
rename to playground/app/pages/toast.vue
diff --git a/playground/pages/tooltip.vue b/playground/app/pages/tooltip.vue
similarity index 100%
rename from playground/pages/tooltip.vue
rename to playground/app/pages/tooltip.vue
diff --git a/playground/types/index.d.ts b/playground/app/types/index.d.ts
similarity index 100%
rename from playground/types/index.d.ts
rename to playground/app/types/index.d.ts
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 6128b88c..b563442f 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -7,5 +7,8 @@ export default defineNuxtConfig({
       }
     }
   },
-  modules: ['../src/module']
+  modules: ['../src/module'],
+  future: {
+    compatibilityVersion: 4
+  }
 })