[esprit design] Add named routes typing support

d0rich · Jun 24, 2024 · 883dd48 · 883dd48
1 parent 3ba3385
commit 883dd48
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/ten-eyes-jump.md b/.changeset/ten-eyes-jump.md
@@ -0,0 +1,5 @@
+---
+'@d0rich/esprit-design': patch
+---
+
+Add named routes typing
diff --git a/packages/esprit-design/src/components/buttons/DBigBangButton.vue b/packages/esprit-design/src/components/buttons/DBigBangButton.vue
@@ -2,6 +2,7 @@
 import { computed } from 'vue'
 import { useDBigBangButtonUtils } from '../../composables/big-bang-button-utils'
 import { useLink } from '../../composables/router'
+import type { RouteLocationRaw } from 'vue-router'
 
 export default {
   name: 'DBigBangButton'
@@ -20,7 +21,7 @@ const props = defineProps({
     default: 'button'
   },
   to: {
-    type: String,
+    type: [String, Object as () => RouteLocationRaw],
     default: ''
   }
 })

diff --git a/packages/esprit-design/src/components/buttons/DBtn.vue b/packages/esprit-design/src/components/buttons/DBtn.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { RouteLocationRaw } from 'vue-router'
 import type { HighlightVariant } from '../utils/index'
 import DWrapFocusHighlight from '../utils/DWrapFocusHighlight.vue'
 import { useLink } from '../../composables/router'
@@ -14,7 +15,7 @@ export default {
 <script setup lang="ts">
 const props = defineProps({
   to: {
-    type: String,
+    type: [String, Object as () => RouteLocationRaw],
     default: ''
   },
   href: {