diff --git a/package.json b/package.json
index 25efafc..678b6e2 100755
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "simple-git-hooks": "^2.9.0",
     "taze": "^0.11.2",
     "typescript": "^5.1.6",
+    "unplugin-auto-import": "^0.16.6",
     "unplugin-vue-components": "^0.25.1",
     "vite": "^4.4.9",
     "vite-plugin-dts": "^3.5.1",
diff --git a/packages/nuxt-ui-vue/auto-imports.d.ts b/packages/nuxt-ui-vue/auto-imports.d.ts
new file mode 100644
index 0000000..c9c8572
--- /dev/null
+++ b/packages/nuxt-ui-vue/auto-imports.d.ts
@@ -0,0 +1,317 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const Components: typeof import('./src/Types/enums/Components')['Components']
+  const EffectScope: typeof import('vue')['EffectScope']
+  const Positions: typeof import('./src/Types/enums/Positions')['Positions']
+  const Sizes: typeof import('./src/Types/enums/Sizes')['Sizes']
+  const Variants: typeof import('./src/Types/enums/Variants')['Variants']
+  const _useShortcuts: typeof import('./src/composables/useShortcuts')['_useShortcuts']
+  const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
+  const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
+  const classNames: typeof import('classnames')['default']
+  const computed: typeof import('vue')['computed']
+  const computedAsync: typeof import('@vueuse/core')['computedAsync']
+  const computedEager: typeof import('@vueuse/core')['computedEager']
+  const computedInject: typeof import('@vueuse/core')['computedInject']
+  const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
+  const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
+  const controlledRef: typeof import('@vueuse/core')['controlledRef']
+  const createApp: typeof import('vue')['createApp']
+  const createEventHook: typeof import('@vueuse/core')['createEventHook']
+  const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
+  const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
+  const createPopper: typeof import('./src/composables/usePopper')['createPopper']
+  const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
+  const createReusableTemplate: typeof import('@vueuse/core')['createReusableTemplate']
+  const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
+  const createTemplatePromise: typeof import('@vueuse/core')['createTemplatePromise']
+  const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
+  const customRef: typeof import('vue')['customRef']
+  const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
+  const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineShortcuts: typeof import('./src/composables/defineShortcuts')['defineShortcuts']
+  const defu: typeof import('defu')['defu']
+  const defuTwMerge: typeof import('./src/utils/index')['defuTwMerge']
+  const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
+  const effectScope: typeof import('vue')['effectScope']
+  const extendRef: typeof import('@vueuse/core')['extendRef']
+  const get: typeof import('./src/utils/lodash')['get']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const getSlotsChildren: typeof import('./src/utils/index')['getSlotsChildren']
+  const getVariantPropsWithClassesList: typeof import('./src/utils/getVariantProps')['getVariantPropsWithClassesList']
+  const h: typeof import('vue')['h']
+  const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
+  const inject: typeof import('vue')['inject']
+  const injectToast: typeof import('./src/composables/useToast')['injectToast']
+  const isDefined: typeof import('@vueuse/core')['isDefined']
+  const isEqual: typeof import('ohash')['isEqual']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const loadIcon: typeof import('@iconify/vue')['loadIcon']
+  const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const nuxtLabsTheme: typeof import('./src/theme/nuxtLabsTheme')['default']
+  const omit: typeof import('./src/utils/lodash')['omit']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
+  const onLongPress: typeof import('@vueuse/core')['onLongPress']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
+  const provide: typeof import('vue')['provide']
+  const reactify: typeof import('@vueuse/core')['reactify']
+  const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
+  const reactive: typeof import('vue')['reactive']
+  const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
+  const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
+  const reactivePick: typeof import('@vueuse/core')['reactivePick']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
+  const refDebounced: typeof import('@vueuse/core')['refDebounced']
+  const refDefault: typeof import('@vueuse/core')['refDefault']
+  const refThrottled: typeof import('@vueuse/core')['refThrottled']
+  const refWithControl: typeof import('@vueuse/core')['refWithControl']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const resolveRef: typeof import('@vueuse/core')['resolveRef']
+  const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
+  const selectClasses: typeof import('./src/composables/useVariants')['selectClasses']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const stateEmitter: typeof import('./src/utils/stateEmitter')['default']
+  const syncRef: typeof import('@vueuse/core')['syncRef']
+  const syncRefs: typeof import('@vueuse/core')['syncRefs']
+  const templateRef: typeof import('@vueuse/core')['templateRef']
+  const throttledRef: typeof import('@vueuse/core')['throttledRef']
+  const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
+  const toRaw: typeof import('vue')['toRaw']
+  const toReactive: typeof import('@vueuse/core')['toReactive']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
+  const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
+  const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
+  const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
+  const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
+  const unref: typeof import('vue')['unref']
+  const unrefElement: typeof import('@vueuse/core')['unrefElement']
+  const until: typeof import('@vueuse/core')['until']
+  const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
+  const useAnimate: typeof import('@vueuse/core')['useAnimate']
+  const useArrayDifference: typeof import('@vueuse/core')['useArrayDifference']
+  const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
+  const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
+  const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
+  const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
+  const useArrayFindLast: typeof import('@vueuse/core')['useArrayFindLast']
+  const useArrayIncludes: typeof import('@vueuse/core')['useArrayIncludes']
+  const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
+  const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
+  const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
+  const useArraySome: typeof import('@vueuse/core')['useArraySome']
+  const useArrayUnique: typeof import('@vueuse/core')['useArrayUnique']
+  const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
+  const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useBase64: typeof import('@vueuse/core')['useBase64']
+  const useBattery: typeof import('@vueuse/core')['useBattery']
+  const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
+  const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
+  const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
+  const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
+  const useCached: typeof import('@vueuse/core')['useCached']
+  const useClipboard: typeof import('@vueuse/core')['useClipboard']
+  const useCloned: typeof import('@vueuse/core')['useCloned']
+  const useColorMode: typeof import('@vueuse/core')['useColorMode']
+  const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
+  const useCopyToClipboard: typeof import('./src/composables/useCopyToClipboard')['useCopyToClipboard']
+  const useCounter: typeof import('@vueuse/core')['useCounter']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVar: typeof import('@vueuse/core')['useCssVar']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
+  const useCycleList: typeof import('@vueuse/core')['useCycleList']
+  const useDark: typeof import('@vueuse/core')['useDark']
+  const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
+  const useDebounce: typeof import('@vueuse/core')['useDebounce']
+  const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
+  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
+  const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
+  const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
+  const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
+  const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
+  const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
+  const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
+  const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useDropZone: typeof import('@vueuse/core')['useDropZone']
+  const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
+  const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
+  const useElementHover: typeof import('@vueuse/core')['useElementHover']
+  const useElementSize: typeof import('@vueuse/core')['useElementSize']
+  const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
+  const useEventBus: typeof import('@vueuse/core')['useEventBus']
+  const useEventListener: typeof import('@vueuse/core')['useEventListener']
+  const useEventSource: typeof import('@vueuse/core')['useEventSource']
+  const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
+  const useFavicon: typeof import('@vueuse/core')['useFavicon']
+  const useFetch: typeof import('@vueuse/core')['useFetch']
+  const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
+  const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
+  const useFocus: typeof import('@vueuse/core')['useFocus']
+  const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
+  const useFormEvents: typeof import('./src/composables/useFormEvents')['useFormEvents']
+  const useFps: typeof import('@vueuse/core')['useFps']
+  const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
+  const useGamepad: typeof import('@vueuse/core')['useGamepad']
+  const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
+  const useIdle: typeof import('@vueuse/core')['useIdle']
+  const useImage: typeof import('@vueuse/core')['useImage']
+  const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
+  const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
+  const useInterval: typeof import('@vueuse/core')['useInterval']
+  const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
+  const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
+  const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
+  const useLink: typeof import('vue-router')['useLink']
+  const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
+  const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
+  const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
+  const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
+  const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
+  const useMemoize: typeof import('@vueuse/core')['useMemoize']
+  const useMemory: typeof import('@vueuse/core')['useMemory']
+  const useMounted: typeof import('@vueuse/core')['useMounted']
+  const useMouse: typeof import('@vueuse/core')['useMouse']
+  const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
+  const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
+  const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
+  const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
+  const useNetwork: typeof import('@vueuse/core')['useNetwork']
+  const useNow: typeof import('@vueuse/core')['useNow']
+  const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
+  const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
+  const useOnline: typeof import('@vueuse/core')['useOnline']
+  const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
+  const useParallax: typeof import('@vueuse/core')['useParallax']
+  const useParentElement: typeof import('@vueuse/core')['useParentElement']
+  const usePerformanceObserver: typeof import('@vueuse/core')['usePerformanceObserver']
+  const usePermission: typeof import('@vueuse/core')['usePermission']
+  const usePointer: typeof import('@vueuse/core')['usePointer']
+  const usePointerLock: typeof import('@vueuse/core')['usePointerLock']
+  const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
+  const usePopper: typeof import('./src/composables/usePopper')['usePopper']
+  const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
+  const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast']
+  const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
+  const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
+  const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
+  const usePrevious: typeof import('@vueuse/core')['usePrevious']
+  const useRafFn: typeof import('@vueuse/core')['useRafFn']
+  const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
+  const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
+  const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
+  const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
+  const useScroll: typeof import('@vueuse/core')['useScroll']
+  const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
+  const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
+  const useShare: typeof import('@vueuse/core')['useShare']
+  const useShortcuts: typeof import('./src/composables/useShortcuts')['useShortcuts']
+  const useSlots: typeof import('vue')['useSlots']
+  const useSorted: typeof import('@vueuse/core')['useSorted']
+  const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
+  const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
+  const useStepper: typeof import('@vueuse/core')['useStepper']
+  const useStorage: typeof import('@vueuse/core')['useStorage']
+  const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
+  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
+  const useSupported: typeof import('@vueuse/core')['useSupported']
+  const useSwipe: typeof import('@vueuse/core')['useSwipe']
+  const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
+  const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
+  const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
+  const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
+  const useThrottle: typeof import('@vueuse/core')['useThrottle']
+  const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
+  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
+  const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
+  const useTimeout: typeof import('@vueuse/core')['useTimeout']
+  const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
+  const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
+  const useTimer: typeof import('./src/composables/useTimer')['useTimer']
+  const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
+  const useTitle: typeof import('@vueuse/core')['useTitle']
+  const useToNumber: typeof import('@vueuse/core')['useToNumber']
+  const useToString: typeof import('@vueuse/core')['useToString']
+  const useToast: typeof import('./src/composables/useToast')['useToast']
+  const useToggle: typeof import('@vueuse/core')['useToggle']
+  const useTransition: typeof import('@vueuse/core')['useTransition']
+  const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
+  const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
+  const useVModel: typeof import('@vueuse/core')['useVModel']
+  const useVModels: typeof import('@vueuse/core')['useVModels']
+  const useVariants: typeof import('./src/composables/useVariants')['useVariants']
+  const useVibrate: typeof import('@vueuse/core')['useVibrate']
+  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
+  const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
+  const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
+  const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
+  const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
+  const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
+  const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
+  const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
+  const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
+  const watch: typeof import('vue')['watch']
+  const watchArray: typeof import('@vueuse/core')['watchArray']
+  const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
+  const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
+  const watchDeep: typeof import('@vueuse/core')['watchDeep']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
+  const watchImmediate: typeof import('@vueuse/core')['watchImmediate']
+  const watchOnce: typeof import('@vueuse/core')['watchOnce']
+  const watchPausable: typeof import('@vueuse/core')['watchPausable']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+  const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
+  const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
+  const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
+  const whenever: typeof import('@vueuse/core')['whenever']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  // @ts-ignore
+  export type { RouteLocationRaw } from 'vue-router'
+}
diff --git a/packages/nuxt-ui-vue/components.d.ts b/packages/nuxt-ui-vue/components.d.ts
new file mode 100644
index 0000000..693a087
--- /dev/null
+++ b/packages/nuxt-ui-vue/components.d.ts
@@ -0,0 +1,50 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    CommandPalette: typeof import('./src/components/navigation/Command-Palette/CommandPalette.vue')['default']
+    CommandPaletteGroup: typeof import('./src/components/navigation/Command-Palette/CommandPaletteGroup.vue')['default']
+    RouteLocationRaw: typeof import('vue-router')['RouteLocationRaw']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    UAccordion: typeof import('./src/components/elements/Accordion/UAccordion.vue')['default']
+    UAlert: typeof import('./src/components/elements/Alert/UAlert.vue')['default']
+    UAvatar: typeof import('./src/components/elements/Avatar/UAvatar.vue')['default']
+    UAvatarGroup: typeof import('./src/components/elements/Avatar/UAvatarGroup.vue')['default']
+    UBadge: typeof import('./src/components/elements/Badge/UBadge.vue')['default']
+    UButton: typeof import('./src/components/elements/Button/UButton.vue')['default']
+    UButtonGroup: typeof import('./src/components/elements/Button/UButtonGroup.vue')['default']
+    UCard: typeof import('./src/components/layouts/Card/UCard.vue')['default']
+    UCheckbox: typeof import('./src/components/forms/Checkbox/UCheckbox.vue')['default']
+    UContainer: typeof import('./src/components/layouts/Container/UContainer.vue')['default']
+    UContextMenu: typeof import('./src/components/overlays/ContextMenu/UContextMenu.vue')['default']
+    UDropdown: typeof import('./src/components/elements/Dropdown/UDropdown.vue')['default']
+    UFormGroup: typeof import('./src/components/forms/FormGroup/UFormGroup.vue')['default']
+    UIcon: typeof import('./src/components/elements/Icon/UIcon.vue')['default']
+    UInput: typeof import('./src/components/forms/Input/UInput.vue')['default']
+    UKbd: typeof import('./src/components/elements/Kbd/UKbd.vue')['default']
+    ULink: typeof import('./src/components/elements/Link/ULink.vue')['default']
+    UModal: typeof import('./src/components/overlays/Modal/UModal.vue')['default']
+    UNotification: typeof import('./src/components/overlays/Notification/UNotification.vue')['default']
+    UNotifications: typeof import('./src/components/overlays/Notification/UNotifications.vue')['default']
+    UPagination: typeof import('./src/components/navigation/Pagination/UPagination.vue')['default']
+    UPopover: typeof import('./src/components/overlays/Popover/UPopover.vue')['default']
+    URadio: typeof import('./src/components/forms/Radio/URadio.vue')['default']
+    URange: typeof import('./src/components/forms/Range/URange.vue')['default']
+    USelect: typeof import('./src/components/forms/Select/USelect.vue')['default']
+    USelectMenu: typeof import('./src/components/forms/SelectMenu/USelectMenu.vue')['default']
+    USkeleton: typeof import('./src/components/layouts/Skeleton/USkeleton.vue')['default']
+    USlideover: typeof import('./src/components/overlays/Slideover/USlideover.vue')['default']
+    UTable: typeof import('./src/components/data/Table/UTable.vue')['default']
+    UTabs: typeof import('./src/components/navigation/Tabs/UTabs.vue')['default']
+    UTextarea: typeof import('./src/components/forms/Textarea/UTextarea.vue')['default']
+    UToggle: typeof import('./src/components/forms/Toggle/UToggle.vue')['default']
+    UTooltip: typeof import('./src/components/overlays/Tooltip/UTooltip.vue')['default']
+    UVerticalNavigation: typeof import('./src/components/navigation/VerticalNavigation/UVerticalNavigation.vue')['default']
+  }
+}
diff --git a/packages/nuxt-ui-vue/src/App.vue b/packages/nuxt-ui-vue/src/App.vue
index 04d85e1..c3229b3 100755
--- a/packages/nuxt-ui-vue/src/App.vue
+++ b/packages/nuxt-ui-vue/src/App.vue
@@ -1,3 +1,7 @@
+<script setup lang='ts'>
+
+</script>
+
 <template>
   <div />
 </template>
diff --git a/packages/nuxt-ui-vue/src/components/data/Table/UTable.vue b/packages/nuxt-ui-vue/src/components/data/Table/UTable.vue
index cd3eaae..2f68ad8 100755
--- a/packages/nuxt-ui-vue/src/components/data/Table/UTable.vue
+++ b/packages/nuxt-ui-vue/src/components/data/Table/UTable.vue
@@ -1,18 +1,11 @@
 <script lang='ts'>
-import { computed, defineComponent, ref, toRaw } from 'vue'
-import type { PropType } from 'vue'
 import { upperFirst } from 'scule'
-import { defu } from 'defu'
 import { twMerge } from 'tailwind-merge'
-import { get, omit } from '../../../utils/lodash'
 import UButton from '../../elements/Button/UButton.vue'
 import UIcon from '../../elements/Icon/UIcon.vue'
 import UCheckbox from '../../forms/Checkbox/UCheckbox.vue'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UTable } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 import type { Button } from '@/Types/components/button'
 
diff --git a/packages/nuxt-ui-vue/src/components/elements/Accordion/UAccordion.vue b/packages/nuxt-ui-vue/src/components/elements/Accordion/UAccordion.vue
index 662c17b..60cb582 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Accordion/UAccordion.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Accordion/UAccordion.vue
@@ -1,19 +1,11 @@
 <script setup lang='ts'>
-import { computed, ref } from 'vue'
-import type { PropType } from 'vue'
 import { Disclosure as HDisclosure, DisclosureButton as HDisclosureButton, DisclosurePanel as HDisclosurePanel } from '@headlessui/vue'
-import classNames from 'classnames'
-import { omit } from '../../../utils/lodash'
-import UButton from '../Button/UButton.vue'
-import UIcon from '../Icon/UIcon.vue'
+import { omit } from '@/utils/lodash'
 import type { AccordionItem } from '@/Types/components/accordionItem'
 import type { UAccordion } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
-import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
+import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
 import stateEmitter from '@/utils/stateEmitter'
-import { useVariants } from '@/composables/useVariants'
 
 defineOptions({
   name: Components.UAccordion,
diff --git a/packages/nuxt-ui-vue/src/components/elements/Alert/UAlert.vue b/packages/nuxt-ui-vue/src/components/elements/Alert/UAlert.vue
index 8fa5d0e..1fcaf82 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Alert/UAlert.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Alert/UAlert.vue
@@ -1,19 +1,9 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
-import type { PropType } from 'vue'
-import classNames from 'classnames'
-import UIcon from '../Icon/UIcon.vue'
-import { omit } from '../../../utils/lodash'
-import UAvatar from '../Avatar/UAvatar.vue'
-import UButton from '../Button/UButton.vue'
 import type { UAlert } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
 import type { Avatar } from '@/Types/components/avatar'
 import type { Button } from '@/Types/components/button'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { useVariants } from '@/composables/useVariants'
 
 defineOptions({
   name: Components.UAlert,
@@ -114,7 +104,7 @@ function handleClose() {
 
       <UAvatar v-if="avatar" v-bind="{ size: variant.avatarSize, ...avatar }" :class="variant.avatarBase" />
 
-      <div class="w-0 flex-1">
+      <div class="flex-1 w-0">
         <p :class="nuxtLabsTheme.UAlert.base.title">
           <slot name="title" :title="title">
             {{ title }}
@@ -126,14 +116,14 @@ function handleClose() {
           </slot>
         </p>
 
-        <div v-if="(description || $slots.description) && actions.length" class="mt-3 flex items-center gap-2">
+        <div v-if="(description || $slots.description) && actions.length" class="flex items-center gap-2 mt-3">
           <UButton
             v-for="(action, index) of actions" :key="index"
             v-bind="{ ...nuxtLabsTheme.UAlert.base.default.actionButton, ...action }" @click.stop="action.click"
           />
         </div>
       </div>
-      <div class="flex-shrink-0 flex items-center gap-3">
+      <div class="flex items-center flex-shrink-0 gap-3">
         <div v-if="!description && !$slots.description && actions.length" class="flex items-center gap-2">
           <UButton
             v-for="(action, index) of actions" :key="index"
diff --git a/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatar.vue b/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatar.vue
index 54535f4..825f144 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatar.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatar.vue
@@ -1,16 +1,6 @@
 <script setup lang='ts'>
-import type { PropType } from 'vue'
-import { computed, ref, useAttrs, watch } from 'vue'
-import classNames from 'classnames'
-import { Icon } from '@iconify/vue'
-import { omit } from '../../../utils/lodash'
-import type { VariantJSWithClassesListProps } from '../../../utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '../../../utils/getVariantProps'
-import type { UAvatar } from '../../../Types/componentsTypes/components'
-import { Components } from '../../../Types/enums/Components'
-import { useVariants } from '../../../composables/useVariants'
-import nuxtLabsTheme from '../../../theme/nuxtLabsTheme'
-import { Positions } from '@/Types/enums/Positions'
+import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
+import type { UAvatar } from '@/Types/componentsTypes/components'
 
 export type AvatarSize = '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'
 export type AvatarChipPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
diff --git a/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatarGroup.vue b/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatarGroup.vue
index 4ced283..8aa89c6 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatarGroup.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatarGroup.vue
@@ -1,13 +1,8 @@
 <script lang="ts">
-import { cloneVNode, computed, defineComponent, h } from 'vue'
-import type { PropType, VNode } from 'vue'
-import classNames from 'classnames'
-import nuxtLabsTheme from '../../../theme/nuxtLabsTheme'
+import { cloneVNode } from 'vue'
 import { getSlotsFromChildren } from './Types'
 import UAvatar from './UAvatar.vue'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UAvatarGroup } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
 
 export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'
 
diff --git a/packages/nuxt-ui-vue/src/components/elements/Badge/UBadge.vue b/packages/nuxt-ui-vue/src/components/elements/Badge/UBadge.vue
index 30d19ae..1dbe873 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Badge/UBadge.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Badge/UBadge.vue
@@ -1,12 +1,6 @@
 <script setup lang='ts'>
-import { computed } from 'vue'
-import classNames from 'classnames'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
 import type { UBadge } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 
 defineOptions({
   name: Components.UBadge,
diff --git a/packages/nuxt-ui-vue/src/components/elements/Button/UButton.vue b/packages/nuxt-ui-vue/src/components/elements/Button/UButton.vue
index 27dbe6f..7c2703b 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Button/UButton.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Button/UButton.vue
@@ -1,15 +1,6 @@
 <script setup lang='ts'>
-import { computed, useAttrs, useSlots } from 'vue'
-import type { PropType } from 'vue'
-import classNames from 'classnames'
-import type { RouteLocationRaw } from 'vue-router'
 import type { VariantJSWithClassesListProps } from '../../../utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '../../../utils/getVariantProps'
 import type { UButton } from '../../../Types/componentsTypes/components'
-import { Components } from '../../../Types/enums/Components'
-import UIcon from '../../elements/Icon/UIcon.vue'
-import { useVariants } from '../../../composables/useVariants'
-import nuxtLabsTheme from '../../../theme/nuxtLabsTheme'
 
 defineOptions({
   name: Components.UButton,
diff --git a/packages/nuxt-ui-vue/src/components/elements/Button/UButtonGroup.vue b/packages/nuxt-ui-vue/src/components/elements/Button/UButtonGroup.vue
index 0850401..f1f935f 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Button/UButtonGroup.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Button/UButtonGroup.vue
@@ -1,9 +1,5 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { getVariantPropsWithClassesList } from '../../../utils/getVariantProps'
 import type { UButtonGroup } from '../../../Types/componentsTypes/components'
-import { Components } from '../../../Types/enums/Components'
-import { useVariants } from '../../../composables/useVariants'
 
 defineOptions({
   name: Components.UButtonGroup,
diff --git a/packages/nuxt-ui-vue/src/components/elements/Dropdown/UDropdown.vue b/packages/nuxt-ui-vue/src/components/elements/Dropdown/UDropdown.vue
index 36e0167..838d368 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Dropdown/UDropdown.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Dropdown/UDropdown.vue
@@ -1,20 +1,9 @@
 <script setup lang='ts'>
-import { computed, onMounted, ref } from 'vue'
 import { Menu as HMenu, MenuButton as HMenuButton, MenuItem as HMenuItem, MenuItems as HMenuItems } from '@headlessui/vue'
-import type { PropType } from 'vue'
-import { defu } from 'defu'
 import { omit } from '../../../utils/lodash'
-import ULink from '../Link/ULink.vue'
-import UIcon from '../Icon/UIcon.vue'
-import UAvatar from '../Avatar/UAvatar.vue'
-import UKbd from '../Kbd/UKbd.vue'
-import { usePopper } from '@/composables/usePopper'
 import type { DropdownItem } from '@/Types/components/dropdown'
 import type { PopperOptions } from '@/Types/components/popper'
-import { Components } from '@/Types/enums/Components'
 import type { UDropdown } from '@/Types/componentsTypes/components'
-import { useVariants } from '@/composables/useVariants'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
diff --git a/packages/nuxt-ui-vue/src/components/elements/Icon/UIcon.vue b/packages/nuxt-ui-vue/src/components/elements/Icon/UIcon.vue
index 11d77fe..0d77c38 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Icon/UIcon.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Icon/UIcon.vue
@@ -1,10 +1,5 @@
 <script setup lang="ts">
-import { Icon, loadIcon } from '@iconify/vue'
-import { computed, ref, watch } from 'vue'
-import { Components } from '../../../Types/enums/Components'
 import type { UIcon } from '../../../Types/componentsTypes/components'
-import { getVariantPropsWithClassesList } from '../../../utils/getVariantProps'
-import { useVariants } from '../../../composables/useVariants'
 
 defineOptions({
   name: Components.UIcon,
diff --git a/packages/nuxt-ui-vue/src/components/elements/Kbd/UKbd.vue b/packages/nuxt-ui-vue/src/components/elements/Kbd/UKbd.vue
index 89e02f2..87c80af 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Kbd/UKbd.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Kbd/UKbd.vue
@@ -1,9 +1,5 @@
 <script setup lang='ts'>
-import { computed } from 'vue'
-import { useVariants } from '@/composables/useVariants'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { Components } from '@/Types/enums/Components'
 import type { UKbd } from '@/Types/componentsTypes/components'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
diff --git a/packages/nuxt-ui-vue/src/components/elements/Link/ULink.vue b/packages/nuxt-ui-vue/src/components/elements/Link/ULink.vue
index 41ea7a9..69b49b0 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Link/ULink.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Link/ULink.vue
@@ -1,8 +1,4 @@
 <script setup lang='ts'>
-import { RouterLink } from 'vue-router'
-import { isEqual } from 'ohash'
-import { Components } from '@/Types/enums/Components'
-
 defineOptions({
   name: Components.ULink,
   inheritAttrs: false,
diff --git a/packages/nuxt-ui-vue/src/components/forms/Checkbox/UCheckbox.vue b/packages/nuxt-ui-vue/src/components/forms/Checkbox/UCheckbox.vue
index 2a86581..9e382c6 100755
--- a/packages/nuxt-ui-vue/src/components/forms/Checkbox/UCheckbox.vue
+++ b/packages/nuxt-ui-vue/src/components/forms/Checkbox/UCheckbox.vue
@@ -1,13 +1,6 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import classNames from 'classnames'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UCheckbox } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useFormEvents } from '@/composables/useFormEvents'
-import { useVariants } from '@/composables/useVariants'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 defineOptions({
   name: Components.UCheckbox,
diff --git a/packages/nuxt-ui-vue/src/components/forms/FormGroup/UFormGroup.vue b/packages/nuxt-ui-vue/src/components/forms/FormGroup/UFormGroup.vue
index b01584d..02cc889 100755
--- a/packages/nuxt-ui-vue/src/components/forms/FormGroup/UFormGroup.vue
+++ b/packages/nuxt-ui-vue/src/components/forms/FormGroup/UFormGroup.vue
@@ -1,15 +1,8 @@
 <script lang='ts'>
-import { computed, defineComponent, inject, provide } from 'vue'
-import type { Ref } from 'vue'
 import { twMerge } from 'tailwind-merge'
-import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UFormGroup } from '@/Types/componentsTypes/components'
 import type { FormError } from '@/Types/components/form'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 export default defineComponent({
   name: Components.UFormGroup,
diff --git a/packages/nuxt-ui-vue/src/components/forms/Input/UInput.vue b/packages/nuxt-ui-vue/src/components/forms/Input/UInput.vue
index 63f7f9e..260465b 100755
--- a/packages/nuxt-ui-vue/src/components/forms/Input/UInput.vue
+++ b/packages/nuxt-ui-vue/src/components/forms/Input/UInput.vue
@@ -1,14 +1,6 @@
 <script setup lang='ts'>
-import { computed, onMounted, ref, useSlots } from 'vue'
-import classNames from 'classnames'
-import UIcon from '../../elements/Icon/UIcon.vue'
-import { useFormEvents } from '@/composables/useFormEvents'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
-import { useVariants } from '@/composables/useVariants'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { Components } from '@/Types/enums/Components'
 import type { UInput } from '@/Types/componentsTypes/components'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 defineOptions({
   name: Components.UInput,
diff --git a/packages/nuxt-ui-vue/src/components/forms/Radio/URadio.vue b/packages/nuxt-ui-vue/src/components/forms/Radio/URadio.vue
index 15dd8b4..e91026e 100755
--- a/packages/nuxt-ui-vue/src/components/forms/Radio/URadio.vue
+++ b/packages/nuxt-ui-vue/src/components/forms/Radio/URadio.vue
@@ -1,13 +1,6 @@
 <script setup lang='ts'>
-import { computed } from 'vue'
-import classNames from 'classnames'
 import type { URadio } from '@/Types/componentsTypes/components'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
-import { useFormEvents } from '@/composables/useFormEvents'
 
 defineOptions({
   name: Components.URadio,
@@ -107,7 +100,7 @@ const inputClass = computed(() => {
         @change="onChange"
       >
     </div>
-    <div v-if="label || $slots.label" class="ms-3 text-sm">
+    <div v-if="label || $slots.label" class="text-sm ms-3">
       <label :for="`${name}-${value}`" :class="variant.label">
         <slot name="label">{{ label }}</slot>
         <span v-if="required" :class="variant.required">*</span>
diff --git a/packages/nuxt-ui-vue/src/components/forms/Range/URange.vue b/packages/nuxt-ui-vue/src/components/forms/Range/URange.vue
index f4ce197..232482e 100755
--- a/packages/nuxt-ui-vue/src/components/forms/Range/URange.vue
+++ b/packages/nuxt-ui-vue/src/components/forms/Range/URange.vue
@@ -1,14 +1,6 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
-import classNames from 'classnames'
-import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { URange } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useFormEvents } from '@/composables/useFormEvents'
-import { useVariants } from '@/composables/useVariants'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 defineOptions({
   name: Components.URange,
diff --git a/packages/nuxt-ui-vue/src/components/forms/Select/USelect.vue b/packages/nuxt-ui-vue/src/components/forms/Select/USelect.vue
index c69859f..066a1ed 100755
--- a/packages/nuxt-ui-vue/src/components/forms/Select/USelect.vue
+++ b/packages/nuxt-ui-vue/src/components/forms/Select/USelect.vue
@@ -1,15 +1,6 @@
 <script setup lang='ts'>
-import { computed, useAttrs, useSlots } from 'vue'
-import type { ComputedRef } from 'vue'
-import classNames from 'classnames'
-import { get, omit } from '../../../utils/lodash'
 import type { USelect } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useFormEvents } from '@/composables/useFormEvents'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
-import { useVariants } from '@/composables/useVariants'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 defineOptions({
   name: Components.USelect,
diff --git a/packages/nuxt-ui-vue/src/components/forms/SelectMenu/USelectMenu.vue b/packages/nuxt-ui-vue/src/components/forms/SelectMenu/USelectMenu.vue
index 615e273..b6a122c 100755
--- a/packages/nuxt-ui-vue/src/components/forms/SelectMenu/USelectMenu.vue
+++ b/packages/nuxt-ui-vue/src/components/forms/SelectMenu/USelectMenu.vue
@@ -1,5 +1,4 @@
 <script lang="ts">
-import { computed, defineComponent, ref, watch } from 'vue'
 import {
   Combobox as HCombobox,
   ComboboxButton as HComboboxButton,
@@ -11,22 +10,12 @@ import {
   ListboxOption as HListboxOption,
   ListboxOptions as HListboxOptions,
 } from '@headlessui/vue'
-
-import { computedAsync, useDebounceFn } from '@vueuse/core'
-import classNames from 'classnames'
-import defu from 'defu'
 import { omit } from '../../../utils/lodash'
 import UIcon from '@/components/elements/Icon/UIcon.vue'
 import UAvatar from '@/components/elements/Avatar/UAvatar.vue'
 import type { PopperOptions } from '@/Types/components/popper'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
-import { Components } from '@/Types/enums/Components'
 import type { USelectMenu } from '@/Types/componentsTypes/components'
-import { usePopper } from '@/composables/usePopper'
-import { useFormEvents } from '@/composables/useFormEvents'
-
-import { useVariants } from '@/composables/useVariants'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
 
 export default defineComponent({
diff --git a/packages/nuxt-ui-vue/src/components/forms/Textarea/UTextarea.vue b/packages/nuxt-ui-vue/src/components/forms/Textarea/UTextarea.vue
index ddcd5f5..006187d 100755
--- a/packages/nuxt-ui-vue/src/components/forms/Textarea/UTextarea.vue
+++ b/packages/nuxt-ui-vue/src/components/forms/Textarea/UTextarea.vue
@@ -1,14 +1,6 @@
 <script setup lang='ts'>
-import { computed, nextTick, onMounted, ref, useAttrs, watch } from 'vue'
-import classNames from 'classnames'
-import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
-import { Components } from '@/Types/enums/Components'
 import type { UTextarea } from '@/Types/componentsTypes/components'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
-import { useVariants } from '@/composables/useVariants'
-import { useFormEvents } from '@/composables/useFormEvents'
 
 defineOptions({
   name: Components.UTextarea,
@@ -76,7 +68,7 @@ const props = defineProps({
 
 const emit = defineEmits<{
   (event: 'update:modelValue', value: string | number): void
-  (event: 'blur'): void
+  (event: 'blur', value: FocusEvent): void
 }>()
 
 const variant = computed(() => {
@@ -119,7 +111,7 @@ function autoResize() {
   }
 }
 
-function onInput(event: InputEvent) {
+function onInput(event: Event) {
   autoResize()
 
   emit('update:modelValue', (event.target as HTMLInputElement).value)
@@ -127,8 +119,6 @@ function onInput(event: InputEvent) {
 
 function onBlur(event: FocusEvent) {
   emitFormBlur()
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-expect-error
   emit('blur', event)
 }
 
@@ -170,7 +160,6 @@ const attrsOmitted = omit(attrs, ['class'])
 
 <template>
   <div :class="variant.root">
-    <!-- @vue-ignore -->
     <textarea
       :id="name"
       ref="textarea"
diff --git a/packages/nuxt-ui-vue/src/components/forms/Toggle/UToggle.vue b/packages/nuxt-ui-vue/src/components/forms/Toggle/UToggle.vue
index d8de10f..c803217 100755
--- a/packages/nuxt-ui-vue/src/components/forms/Toggle/UToggle.vue
+++ b/packages/nuxt-ui-vue/src/components/forms/Toggle/UToggle.vue
@@ -1,16 +1,7 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
-import classNames from 'classnames'
 import { Switch as HSwitch } from '@headlessui/vue'
-import { omit } from '../../../utils/lodash'
-import UIcon from '../../elements/Icon/UIcon.vue'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UToggle } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useFormEvents } from '@/composables/useFormEvents'
-import { useVariants } from '@/composables/useVariants'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 defineOptions({
   name: Components.UToggle,
diff --git a/packages/nuxt-ui-vue/src/components/layouts/Card/UCard.vue b/packages/nuxt-ui-vue/src/components/layouts/Card/UCard.vue
index d973ab9..ebc9aa8 100755
--- a/packages/nuxt-ui-vue/src/components/layouts/Card/UCard.vue
+++ b/packages/nuxt-ui-vue/src/components/layouts/Card/UCard.vue
@@ -1,12 +1,7 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UCard } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 
 defineOptions({
   name: Components.UCard,
diff --git a/packages/nuxt-ui-vue/src/components/layouts/Container/UContainer.vue b/packages/nuxt-ui-vue/src/components/layouts/Container/UContainer.vue
index 033bc7c..cb8829c 100755
--- a/packages/nuxt-ui-vue/src/components/layouts/Container/UContainer.vue
+++ b/packages/nuxt-ui-vue/src/components/layouts/Container/UContainer.vue
@@ -1,12 +1,7 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UContainer } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 
 defineOptions({
   name: Components.UContainer,
diff --git a/packages/nuxt-ui-vue/src/components/layouts/Skeleton/USkeleton.vue b/packages/nuxt-ui-vue/src/components/layouts/Skeleton/USkeleton.vue
index b3a5d98..9adc2f9 100755
--- a/packages/nuxt-ui-vue/src/components/layouts/Skeleton/USkeleton.vue
+++ b/packages/nuxt-ui-vue/src/components/layouts/Skeleton/USkeleton.vue
@@ -1,12 +1,7 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { USkeleton } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 
 defineOptions({
   name: Components.USkeleton,
diff --git a/packages/nuxt-ui-vue/src/components/navigation/Command-Palette/CommandPalette.vue b/packages/nuxt-ui-vue/src/components/navigation/Command-Palette/CommandPalette.vue
index fcf7ac0..e967337 100755
--- a/packages/nuxt-ui-vue/src/components/navigation/Command-Palette/CommandPalette.vue
+++ b/packages/nuxt-ui-vue/src/components/navigation/Command-Palette/CommandPalette.vue
@@ -1,23 +1,15 @@
 <!-- eslint-disable @typescript-eslint/ban-ts-comment -->
 <script lang='ts'>
-import { computed, defineComponent, onMounted, ref, watch } from 'vue'
-import type { ComponentPublicInstance, ComputedRef, PropType } from 'vue'
-import { useDebounceFn } from '@vueuse/core'
 import { Combobox as HCombobox, ComboboxInput as HComboboxInput, ComboboxOptions as HComboboxOptions } from '@headlessui/vue'
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
 import { useFuse } from '@vueuse/integrations/useFuse'
 import { twJoin } from 'tailwind-merge'
-import defu from 'defu'
-import { omit } from '../../../utils/lodash'
 import UIcon from '../../elements/Icon/UIcon.vue'
 import UButton from '../../elements/Button/UButton.vue'
 import CommandPaletteGroup from './CommandPaletteGroup.vue'
+import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UCommandPalette } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 import type { Command, Group } from '@/Types/components/command-palette'
 import type { Button } from '@/Types/components/button'
 
diff --git a/packages/nuxt-ui-vue/src/components/navigation/Command-Palette/CommandPaletteGroup.vue b/packages/nuxt-ui-vue/src/components/navigation/Command-Palette/CommandPaletteGroup.vue
index f22f18f..94fcb23 100755
--- a/packages/nuxt-ui-vue/src/components/navigation/Command-Palette/CommandPaletteGroup.vue
+++ b/packages/nuxt-ui-vue/src/components/navigation/Command-Palette/CommandPaletteGroup.vue
@@ -1,13 +1,6 @@
 <script setup lang='ts'>
-import { computed } from 'vue'
-import type { PropType } from 'vue'
 import { ComboboxOption as HComboboxOption } from '@headlessui/vue'
-import UIcon from '../../elements/Icon/UIcon.vue'
-import UKbd from '@/components/elements/Kbd/UKbd.vue'
-import UAvatar from '@/components/elements/Avatar/UAvatar.vue'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 import type { Group } from '@/Types/components/command-palette'
 import type { UCommandPalette } from '@/Types/componentsTypes/components'
 
diff --git a/packages/nuxt-ui-vue/src/components/navigation/Pagination/UPagination.vue b/packages/nuxt-ui-vue/src/components/navigation/Pagination/UPagination.vue
index d586215..76bbb60 100755
--- a/packages/nuxt-ui-vue/src/components/navigation/Pagination/UPagination.vue
+++ b/packages/nuxt-ui-vue/src/components/navigation/Pagination/UPagination.vue
@@ -1,15 +1,8 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
-import type { PropType } from 'vue'
 import { twMerge } from 'tailwind-merge'
 import { omit } from '../../../utils/lodash'
-import UButton from '../../elements/Button/UButton.vue'
-import UButtonGroup from '@/components/elements/Button/UButtonGroup.vue'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UPagination } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 import type { Button } from '@/Types/components/button'
 
diff --git a/packages/nuxt-ui-vue/src/components/navigation/Tabs/UTabs.vue b/packages/nuxt-ui-vue/src/components/navigation/Tabs/UTabs.vue
index f45513b..e404cdf 100755
--- a/packages/nuxt-ui-vue/src/components/navigation/Tabs/UTabs.vue
+++ b/packages/nuxt-ui-vue/src/components/navigation/Tabs/UTabs.vue
@@ -1,18 +1,9 @@
 <script setup lang='ts'>
-import { computed, onMounted, ref, useAttrs, watch } from 'vue'
-import type { PropType } from 'vue'
 import { Tab as HTab, TabGroup as HTabGroup, TabList as HTabList, TabPanel as HTabPanel, TabPanels as HTabPanels } from '@headlessui/vue'
-import { useResizeObserver } from '@vueuse/core'
 import { twMerge } from 'tailwind-merge'
-import classNames from 'classnames'
-import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UTabs } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 import type { TabItem } from '@/Types/components/tabs'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 defineOptions({
   name: Components.UTabs,
diff --git a/packages/nuxt-ui-vue/src/components/navigation/VerticalNavigation/UVerticalNavigation.vue b/packages/nuxt-ui-vue/src/components/navigation/VerticalNavigation/UVerticalNavigation.vue
index 7fd5438..f21a7d6 100755
--- a/packages/nuxt-ui-vue/src/components/navigation/VerticalNavigation/UVerticalNavigation.vue
+++ b/packages/nuxt-ui-vue/src/components/navigation/VerticalNavigation/UVerticalNavigation.vue
@@ -1,16 +1,8 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
-import type { PropType } from 'vue'
 import { twMerge } from 'tailwind-merge'
 import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UVerticalNavigation } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
-import UAvatar from '@/components/elements/Avatar/UAvatar.vue'
-import ULink from '@/components/elements/Link/ULink.vue'
-import UIcon from '@/components/elements/Icon/UIcon.vue'
 import type { VerticalNavigationLink } from '@/Types/components/vertical-navigation'
 
 defineOptions({
diff --git a/packages/nuxt-ui-vue/src/components/overlays/ContextMenu/UContextMenu.vue b/packages/nuxt-ui-vue/src/components/overlays/ContextMenu/UContextMenu.vue
index 20f0cb3..8895952 100755
--- a/packages/nuxt-ui-vue/src/components/overlays/ContextMenu/UContextMenu.vue
+++ b/packages/nuxt-ui-vue/src/components/overlays/ContextMenu/UContextMenu.vue
@@ -1,18 +1,8 @@
 <script setup lang='ts'>
-import { computed, toRef, useAttrs } from 'vue'
-import type { PropType, Ref } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import defu from 'defu'
-import { onClickOutside } from '@vueuse/core'
 import type { VirtualElement } from '@popperjs/core'
-import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UContextMenu } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
-import { usePopper } from '@/composables/usePopper'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 import type { PopperOptions } from '@/Types/components/popper'
 
 defineOptions({
diff --git a/packages/nuxt-ui-vue/src/components/overlays/Modal/UModal.vue b/packages/nuxt-ui-vue/src/components/overlays/Modal/UModal.vue
index ec60689..4bdb2b9 100755
--- a/packages/nuxt-ui-vue/src/components/overlays/Modal/UModal.vue
+++ b/packages/nuxt-ui-vue/src/components/overlays/Modal/UModal.vue
@@ -1,13 +1,8 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
 import { twMerge } from 'tailwind-merge'
 import { Dialog as HDialog, DialogPanel as HDialogPanel, TransitionChild, TransitionRoot } from '@headlessui/vue'
-import { omit } from '../../../utils/lodash'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UModal } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 
 defineOptions({
   name: Components.UModal,
diff --git a/packages/nuxt-ui-vue/src/components/overlays/Notification/UNotification.vue b/packages/nuxt-ui-vue/src/components/overlays/Notification/UNotification.vue
index c35cab9..7266f2a 100755
--- a/packages/nuxt-ui-vue/src/components/overlays/Notification/UNotification.vue
+++ b/packages/nuxt-ui-vue/src/components/overlays/Notification/UNotification.vue
@@ -1,20 +1,10 @@
 <script setup lang='ts'>
-import { computed, onMounted, onUnmounted, ref, useAttrs, watchEffect } from 'vue'
-import type { PropType } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import { omit } from '../../../utils/lodash'
-import UButton from '../../elements/Button/UButton.vue'
-import UAvatar from '../../elements/Avatar/UAvatar.vue'
-import UIcon from '../../elements/Icon/UIcon.vue'
-import { useTimer } from '@/composables/useTimer'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { NotificationAction } from '@/Types/components/notification'
 import type { Avatar } from '@/Types/components/avatar'
 import type { Button } from '@/Types/components/button'
-import { Components } from '@/Types/enums/Components'
 import type { UNotification } from '@/Types/componentsTypes/components'
-import { useVariants } from '@/composables/useVariants'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 defineOptions({
diff --git a/packages/nuxt-ui-vue/src/components/overlays/Notification/UNotifications.vue b/packages/nuxt-ui-vue/src/components/overlays/Notification/UNotifications.vue
index a68746a..6b5f10c 100644
--- a/packages/nuxt-ui-vue/src/components/overlays/Notification/UNotifications.vue
+++ b/packages/nuxt-ui-vue/src/components/overlays/Notification/UNotifications.vue
@@ -1,17 +1,7 @@
 <!-- eslint-disable @typescript-eslint/ban-types -->
 <script setup lang="ts">
-import type { PropType } from 'vue'
-import { computed, useAttrs } from 'vue'
-import classNames from 'classnames'
-import { omit } from '../../../utils/lodash'
-import UNotification from './UNotification.vue'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
-import { useToast } from '@/composables/useToast'
-import { Components } from '@/Types/enums/Components'
 import type { UNotifications } from '@/Types/componentsTypes/components'
-import { Positions } from '@/Types/enums/Positions'
-import { useVariants } from '@/composables/useVariants'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 export type Position = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
diff --git a/packages/nuxt-ui-vue/src/components/overlays/Popover/UPopover.vue b/packages/nuxt-ui-vue/src/components/overlays/Popover/UPopover.vue
index 66c5632..f6b073a 100755
--- a/packages/nuxt-ui-vue/src/components/overlays/Popover/UPopover.vue
+++ b/packages/nuxt-ui-vue/src/components/overlays/Popover/UPopover.vue
@@ -1,18 +1,9 @@
 <script setup lang='ts'>
-import { computed, onMounted, ref, useAttrs } from 'vue'
-import type { PropType } from 'vue'
 import { twMerge } from 'tailwind-merge'
 import { Popover as HPopover, PopoverButton as HPopoverButton, PopoverPanel as HPopoverPanel } from '@headlessui/vue'
-import defu from 'defu'
-import { omit } from '../../../utils/lodash'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
 import type { UPopover } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
 import type { PopperOptions } from '@/Types/components/popper'
-import { useVariants } from '@/composables/useVariants'
-import { usePopper } from '@/composables/usePopper'
-import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 defineOptions({
   name: Components.UPopover,
diff --git a/packages/nuxt-ui-vue/src/components/overlays/Slideover/USlideover.vue b/packages/nuxt-ui-vue/src/components/overlays/Slideover/USlideover.vue
index 970bbc0..05d770e 100755
--- a/packages/nuxt-ui-vue/src/components/overlays/Slideover/USlideover.vue
+++ b/packages/nuxt-ui-vue/src/components/overlays/Slideover/USlideover.vue
@@ -1,14 +1,8 @@
 <script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
-import type { PropType, WritableComputedRef } from 'vue'
 import { Dialog as HDialog, DialogPanel as HDialogPanel, TransitionChild, TransitionRoot } from '@headlessui/vue'
 import { twMerge } from 'tailwind-merge'
-import classNames from 'classnames'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { USlideover } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
 
 defineOptions({
   name: Components.USlideover,
diff --git a/packages/nuxt-ui-vue/src/components/overlays/Tooltip/UTooltip.vue b/packages/nuxt-ui-vue/src/components/overlays/Tooltip/UTooltip.vue
index de78d01..673788e 100755
--- a/packages/nuxt-ui-vue/src/components/overlays/Tooltip/UTooltip.vue
+++ b/packages/nuxt-ui-vue/src/components/overlays/Tooltip/UTooltip.vue
@@ -1,16 +1,7 @@
 <script setup lang='ts'>
-import { computed, ref, useAttrs } from 'vue'
-import type { PropType } from 'vue'
 import { twMerge } from 'tailwind-merge'
-import defu from 'defu'
-import { omit } from '../../../utils/lodash'
-import UKbd from '../../elements/Kbd/UKbd.vue'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UTooltip } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-import { useVariants } from '@/composables/useVariants'
-import { usePopper } from '@/composables/usePopper'
 import type { PopperOptions } from '@/Types/components/popper'
 
 defineOptions({
diff --git a/packages/nuxt-ui-vue/tsconfig.json b/packages/nuxt-ui-vue/tsconfig.json
index 9c178ea..81c9cb0 100755
--- a/packages/nuxt-ui-vue/tsconfig.json
+++ b/packages/nuxt-ui-vue/tsconfig.json
@@ -20,6 +20,6 @@
     },
     "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
   },
-  "include": ["src/**/*.ts", "src/**/*.vue"],
+  "include": ["src/**/*.ts", "src/**/*.vue", "components.d.ts", "auto-imports.d.ts"],
   "exclude": ["node_modules", "dist", "**/*.js"]
 }
diff --git a/packages/nuxt-ui-vue/vite.config.ts b/packages/nuxt-ui-vue/vite.config.ts
index 046d95e..c28f39e 100755
--- a/packages/nuxt-ui-vue/vite.config.ts
+++ b/packages/nuxt-ui-vue/vite.config.ts
@@ -1,10 +1,10 @@
 import { resolve } from 'node:path'
+import { URL, fileURLToPath } from 'node:url'
 import Vue from '@vitejs/plugin-vue'
 import { defineConfig } from 'vite'
-
-// https://github.com/qmhc/vite-plugin-dts
+import Components from 'unplugin-vue-components/vite'
+import AutoImport from 'unplugin-auto-import/vite'
 import dtsPlugin from 'vite-plugin-dts'
-
 import * as pkg from './package.json'
 
 const externals = [
@@ -16,10 +16,59 @@ export default defineConfig({
     dtsPlugin({
       insertTypesEntry: true,
     }),
+    Components({
+      dts: true,
+      resolvers: [
+        (componentName: string) => {
+          if (componentName.startsWith('Icon')) {
+            return {
+              name: componentName,
+              from: '@iconify/vue',
+            }
+          }
+        },
+      ],
+
+      types: [
+        {
+          from: 'vue-router',
+          names: ['RouterLink', 'RouterView', 'RouteLocationRaw'],
+        },
+      ],
+    }),
+
+    AutoImport({
+      imports: [
+        'vue',
+        'vue-router',
+        '@vueuse/core',
+        {
+          'classnames': [
+            ['default', 'classNames'],
+          ],
+          'defu': [
+            'defu',
+          ],
+          '@iconify/vue': [
+            'loadIcon',
+          ],
+          'ohash': [
+            'isEqual',
+          ],
+        },
+        {
+          from: 'vue-router',
+          imports: ['RouteLocationRaw'],
+          type: true,
+        },
+      ],
+
+      dirs: ['./src/utils', './src/Types/**', './src/theme', './src/composables', './src/components/Types'],
+    }),
   ],
   resolve: {
     alias: {
-      '@': resolve(__dirname, 'src'),
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
   build: {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d4da99b..c2ae9b2 100755
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -48,6 +48,9 @@ importers:
       typescript:
         specifier: ^5.1.6
         version: 5.1.6
+      unplugin-auto-import:
+        specifier: ^0.16.6
+        version: 0.16.6
       unplugin-vue-components:
         specifier: ^0.25.1
         version: 0.25.1
@@ -1069,6 +1072,20 @@ packages:
       picomatch: 2.3.1
     dev: true
 
+  /@rollup/pluginutils@5.0.5:
+    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.1
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
   /@rushstack/node-core-library@3.59.7(@types/node@18.17.4):
     resolution: {integrity: sha512-ln1Drq0h+Hwa1JVA65x5mlSgUrBa1uHL+V89FqVWQgXd1vVIMhrtqtWGQrhTnFHxru5ppX+FY39VWELF/FjQCw==}
     peerDependencies:
@@ -2630,6 +2647,11 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /eslint-import-resolver-node@0.3.9:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
     dependencies:
@@ -4002,6 +4024,13 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
+  /magic-string@0.30.4:
+    resolution: {integrity: sha512-Q/TKtsC5BPm0kGqgBIF9oXAs/xEf2vRKiIB4wCRQTJOQIByZ1d+NnUOotvJOvNpi5RNIgVOMC3pOuaP1ZTDlVg==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
   /make-fetch-happen@11.1.1:
     resolution: {integrity: sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -4217,6 +4246,15 @@ packages:
       ufo: 1.2.0
     dev: true
 
+  /mlly@1.4.2:
+    resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
+    dependencies:
+      acorn: 8.10.0
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      ufo: 1.3.1
+    dev: true
+
   /mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
@@ -5095,7 +5133,6 @@ packages:
 
   /scule@1.0.0:
     resolution: {integrity: sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==}
-    dev: false
 
   /semver@5.7.2:
     resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
@@ -5706,6 +5743,10 @@ packages:
     resolution: {integrity: sha512-RsPyTbqORDNDxqAdQPQBpgqhWle1VcTSou/FraClYlHf6TZnQcGslpLcAphNR+sQW4q5lLWLbOsRlh9j24baQg==}
     dev: true
 
+  /ufo@1.3.1:
+    resolution: {integrity: sha512-uY/99gMLIOlJPwATcMVYfqDSxUR9//AUcgZMzwfSTJPDKzA1S8mX4VLqa+fiAtveraQUBCz4FFcwVZBGbwBXIw==}
+    dev: true
+
   /unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
     dependencies:
@@ -5724,6 +5765,24 @@ packages:
       mlly: 1.4.0
     dev: true
 
+  /unimport@3.4.0:
+    resolution: {integrity: sha512-M/lfFEgufIT156QAr/jWHLUn55kEmxBBiQsMxvRSIbquwmeJEyQYgshHDEvQDWlSJrVOOTAgnJ3FvlsrpGkanA==}
+    dependencies:
+      '@rollup/pluginutils': 5.0.5
+      escape-string-regexp: 5.0.0
+      fast-glob: 3.3.1
+      local-pkg: 0.4.3
+      magic-string: 0.30.4
+      mlly: 1.4.2
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      scule: 1.0.0
+      strip-literal: 1.3.0
+      unplugin: 1.5.0
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /unique-filename@3.0.0:
     resolution: {integrity: sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -5754,6 +5813,30 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
+  /unplugin-auto-import@0.16.6:
+    resolution: {integrity: sha512-M+YIITkx3C/Hg38hp8HmswP5mShUUyJOzpifv7RTlAbeFlO2Tyw0pwrogSSxnipHDPTtI8VHFBpkYkNKzYSuyA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': ^3.2.2
+      '@vueuse/core': '*'
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      '@vueuse/core':
+        optional: true
+    dependencies:
+      '@antfu/utils': 0.7.5
+      '@rollup/pluginutils': 5.0.2
+      fast-glob: 3.3.1
+      local-pkg: 0.4.3
+      magic-string: 0.30.2
+      minimatch: 9.0.3
+      unimport: 3.4.0
+      unplugin: 1.4.0
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /unplugin-vue-components@0.25.1:
     resolution: {integrity: sha512-kzS2ZHVMaGU2XEO2keYQcMjNZkanDSGDdY96uQT9EPe+wqSZwwgbFfKVJ5ti0+8rGAcKHColwKUvctBhq2LJ3A==}
     engines: {node: '>=14'}
@@ -5791,6 +5874,15 @@ packages:
       webpack-virtual-modules: 0.5.0
     dev: true
 
+  /unplugin@1.5.0:
+    resolution: {integrity: sha512-9ZdRwbh/4gcm1JTOkp9lAkIDrtOyOxgHmY7cjuwI8L/2RTikMcVG25GsZwNAgRuap3iDw2jeq7eoqtAsz5rW3A==}
+    dependencies:
+      acorn: 8.10.0
+      chokidar: 3.5.3
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.5.0
+    dev: true
+
   /update-browserslist-db@1.0.11(browserslist@4.21.10):
     resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==}
     hasBin: true