Fix imports

packages/esprit-design/src/components/DPagination.vue

@@ -5,7 +5,11 @@ import { useDPaginationUtils } from '../composables/utils'
 import DBtn from './buttons/DBtn.vue'
 
 export default {
-  name: 'DPagination'
+  name: 'DPagination',
+  components: {
+    DBtn,
+    Icon
+  }
 }
 </script>
 

packages/esprit-design/src/components/DStats.vue

@@ -3,7 +3,10 @@ import { ref, computed } from 'vue'
 import { Icon } from '@iconify/vue'
 
 export default {
-  name: 'DStats'
+  name: 'DStats',
+  components: {
+    Icon
+  }
 }
 </script>
 

packages/esprit-design/src/components/animations/DAnimationAccordion.vue

@@ -2,7 +2,10 @@
 import DAnimationDefLetterD from './DAnimationDefLetterD.vue'
 
 export default {
-  name: 'DAnimationAccordion'
+  name: 'DAnimationAccordion',
+  components: {
+    DAnimationDefLetterD
+  }
 }
 </script>
 

packages/esprit-design/src/components/animations/DAnimationFloatingLetter.vue

@@ -2,7 +2,10 @@
 import DAnimationDefLetterD from './DAnimationDefLetterD.vue'
 
 export default {
-  name: 'DAnimationFloatingLetter'
+  name: 'DAnimationFloatingLetter',
+  components: {
+    DAnimationDefLetterD
+  }
 }
 </script>
 

packages/esprit-design/src/components/animations/DAnimationHypnosis.vue

@@ -2,7 +2,10 @@
 import DAnimationDefLetterD from './DAnimationDefLetterD.vue'
 
 export default {
-  name: 'DAnimationHypnosis'
+  name: 'DAnimationHypnosis',
+  components: {
+    DAnimationDefLetterD
+  }
 }
 </script>
 

packages/esprit-design/src/components/animations/DAnimationSpinner.vue

@@ -2,7 +2,10 @@
 import DAnimationDefLetterD from './DAnimationDefLetterD.vue'
 
 export default {
-  name: 'DAnimationSpinner'
+  name: 'DAnimationSpinner',
+  components: {
+    DAnimationDefLetterD
+  }
 }
 </script>
 

packages/esprit-design/src/components/buttons/DBtn.vue

@@ -4,7 +4,10 @@ import type { HighlightVariant } from '../utils/index'
 import DWrapFocusHighlight from '../utils/DWrapFocusHighlight.vue'
 
 export default {
-  name: 'DBtn'
+  name: 'DBtn',
+  components: {
+    DWrapFocusHighlight
+  }
 }
 </script>
 

packages/esprit-design/src/components/cards/DCard.vue

@@ -2,7 +2,10 @@
 import DWrapShape from '../utils/DWrapShape.vue'
 
 export default {
-  name: 'DCard'
+  name: 'DCard',
+  components: {
+    DWrapShape
+  }
 }
 </script>
 

packages/esprit-design/src/components/cards/DCardTitle.vue

@@ -2,12 +2,13 @@
 import DWrapShape from '../utils/DWrapShape.vue'
 
 export default {
-  name: 'DCardTitle'
+  name: 'DCardTitle',
+  components: {
+    DWrapShape
+  }
 }
 </script>
 
-<script setup lang="ts"></script>
-
 <template>
   <div class="card__title">
     <DWrapShape

packages/esprit-design/src/components/lists/DActionsFan.vue

@@ -19,7 +19,11 @@ export type ActionFanItem<TEmit = any> = {
 }
 
 export default {
-  name: 'DActionsFan'
+  name: 'DActionsFan',
+  components: {
+    DWrapShape,
+    DBtn
+  }
 }
 </script>
 

packages/esprit-design/src/components/lists/DActionsList.vue

@@ -5,7 +5,11 @@ import DWrapFocusHighlight, {
 import DWrapShape from '../utils/DWrapShape.vue'
 
 export default {
-  name: 'DActionsList'
+  name: 'DActionsList',
+  components: {
+    DWrapFocusHighlight,
+    DWrapShape
+  }
 }
 
 export type ActionListItem<TEmit = any> = {

packages/esprit-design/src/components/utils/DWrapFocusHighlight.vue

@@ -3,7 +3,10 @@ import { computed } from 'vue'
 import DWrapShape from './DWrapShape.vue'
 
 export default {
-  name: 'DWrapFocusHighlight'
+  name: 'DWrapFocusHighlight',
+  components: {
+    DWrapShape
+  }
 }
 </script>
 

packages/esprit-design/vite.config.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'path'
 import { defineConfig, splitVendorChunkPlugin } from 'vite'
-import dts from "vite-plugin-dts";
+import dts from 'vite-plugin-dts'
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/

packages/nuxt-design-system/components/d/Btn.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DBtn} from '@d0rich/esprit-design'
+import { DBtn } from '@d0rich/esprit-design'
 export default DBtn
 </script>

packages/nuxt-design-system/components/d/Chip.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DChip} from '@d0rich/esprit-design'
+import { DChip } from '@d0rich/esprit-design'
 export default DChip
 </script>

packages/nuxt-design-system/components/d/Pagination.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DPagination} from '@d0rich/esprit-design'
+import { DPagination } from '@d0rich/esprit-design'
 export default DPagination
 </script>

packages/nuxt-design-system/components/d/Stats.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DStats} from '@d0rich/esprit-design'
+import { DStats } from '@d0rich/esprit-design'
 export default DStats
 </script>

packages/nuxt-design-system/components/d/actions/Fan.vue

@@ -1,5 +1,5 @@
 <script lang="ts">
-import {DActionsFan} from '@d0rich/esprit-design'
+import { DActionsFan } from '@d0rich/esprit-design'
 
 export default DActionsFan
 </script>

packages/nuxt-design-system/components/d/actions/List.vue

@@ -1,5 +1,5 @@
 <script lang="ts">
-import {DActionsList} from '@d0rich/esprit-design'
+import { DActionsList } from '@d0rich/esprit-design'
 
 export default DActionsList
 </script>

packages/nuxt-design-system/components/d/actions/index.ts

@@ -1,4 +1 @@
-export type {
-  ActionFanItem,
-  ActionListItem
-} from '@d0rich/esprit-design'
+export type { ActionFanItem, ActionListItem } from '@d0rich/esprit-design'

packages/nuxt-design-system/components/d/animation/Accordion.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DAnimationAccordion} from '@d0rich/esprit-design'
+import { DAnimationAccordion } from '@d0rich/esprit-design'
 export default DAnimationAccordion
 </script>

packages/nuxt-design-system/components/d/animation/FloatingLetter.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DAnimationFloatingLetter} from '@d0rich/esprit-design'
+import { DAnimationFloatingLetter } from '@d0rich/esprit-design'
 export default DAnimationFloatingLetter
 </script>

packages/nuxt-design-system/components/d/animation/Hypnosis.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DAnimationHypnosis} from '@d0rich/esprit-design'
+import { DAnimationHypnosis } from '@d0rich/esprit-design'
 export default DAnimationHypnosis
 </script>

packages/nuxt-design-system/components/d/animation/Spinner.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DAnimationSpinner} from '@d0rich/esprit-design'
+import { DAnimationSpinner } from '@d0rich/esprit-design'
 export default DAnimationSpinner
 </script>

packages/nuxt-design-system/components/d/big-bang-button/Animation.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DBigBangButtonAnimation} from '@d0rich/esprit-design'
+import { DBigBangButtonAnimation } from '@d0rich/esprit-design'
 export default DBigBangButtonAnimation
 </script>

packages/nuxt-design-system/components/d/big-bang-button/Index.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DBigBangButton} from '@d0rich/esprit-design'
+import { DBigBangButton } from '@d0rich/esprit-design'
 export default DBigBangButton
 </script>

packages/nuxt-design-system/components/d/card/Index.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DCard} from '@d0rich/esprit-design'
+import { DCard } from '@d0rich/esprit-design'
 export default DCard
 </script>

packages/nuxt-design-system/components/d/card/Title.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DCardTitle} from '@d0rich/esprit-design'
+import { DCardTitle } from '@d0rich/esprit-design'
 export default DCardTitle
 </script>

packages/nuxt-design-system/components/d/wrap/Background.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DWrapBackground} from '@d0rich/esprit-design'
+import { DWrapBackground } from '@d0rich/esprit-design'
 export default DWrapBackground
 </script>

packages/nuxt-design-system/components/d/wrap/FocusHighlight.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DWrapFocusHighlight} from '@d0rich/esprit-design'
+import { DWrapFocusHighlight } from '@d0rich/esprit-design'
 export default DWrapFocusHighlight
 </script>

packages/nuxt-design-system/components/d/wrap/Shape.vue

@@ -1,4 +1,4 @@
 <script lang="ts">
-import {DWrapShape} from '@d0rich/esprit-design'
+import { DWrapShape } from '@d0rich/esprit-design'
 export default DWrapShape
 </script>

packages/nuxt-design-system/components/d/wrap/index.ts

@@ -1 +1 @@
-export { type HighlightVariant } from '@d0rich/esprit-design'
+export type { HighlightVariant } from '@d0rich/esprit-design'