Merge pull request #1009 from privy-open-source/fix/nuxt-link-not-res…

…olved

fix: nuxt-link not resolved

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@privyid/design-system",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "packageManager": "[email protected]",
   "private": true,
   "type": "module",

packages/browserslist-config/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/browserslist-config",
   "description": "Browserslist shareable config for Persona project",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "packageManager": "[email protected]",
   "license": "MIT",
   "repository": {

packages/eslint-config-persona/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/eslint-config-persona",
   "description": "Eslint shareable config for Persona project",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "packageManager": "[email protected]",
   "license": "MIT",
   "repository": {

packages/persona-icon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/persona-icon",
   "description": "Persona icon package",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "packageManager": "[email protected]",
   "type": "module",
   "main": "./dist/module.cjs",

packages/persona/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/persona",
   "description": "Persona core package",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/privy-open-source/design-system.git",

packages/persona/src/runtime/plugin.ts

@@ -1,8 +1,8 @@
 import { defineNuxtPlugin, useRouter } from '#imports'
+import type { State } from '@privyid/persona/core'
 import {
   initStore,
   installRouter,
-  State,
 } from '@privyid/persona/core'
 
 export default defineNuxtPlugin((nuxtApp) => {

packages/tailwind-animation/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/tailwind-animation",
   "description": "Collection animation class for vue `<transition>`",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "packageManager": "[email protected]",
   "license": "MIT",
   "repository": {

packages/tailwind-extended/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/tailwind-extended",
   "description": "Add missing tailwind utilities",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "packageManager": "[email protected]",
   "license": "MIT",
   "repository": {

packages/tailwind-preset/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/tailwind-preset",
   "description": "Tailwind preset for Persona project",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "packageManager": "[email protected]",
   "license": "MIT",
   "repository": {

src/components/breadcrumbs/Breadcrumb.vue

@@ -41,12 +41,14 @@ import DropdownItem from '../dropdown/DropdownItem.vue'
 
 export default defineComponent({
   components: {
-    BreadcrumbItem, BreadcrumbItemDropdown, DropdownItem,
+    BreadcrumbItem,
+    BreadcrumbItemDropdown,
+    DropdownItem,
   },
   props: {
     items: {
       type   : Array<BreadcrumbItems>,
-      default: () => {},
+      default: () => ([]),
     },
   },
   setup (_, { slots }) {

src/components/breadcrumbs/BreadcrumbItem.vue

@@ -25,16 +25,16 @@ import {
   computed,
   inject,
   h,
+  resolveComponent,
 } from 'vue-demi'
 import IconChevron from '@privyid/persona-icon/vue/chevron-right/20.vue'
-import type { TagVariant } from '.'
 import type { RouteLocationRaw } from 'vue-router'
 
 export default defineComponent({
   props: {
     href: {
       type   : [String, Object] as PropType<RouteLocationRaw>,
-      default: '#',
+      default: '#' as RouteLocationRaw,
     },
     active: {
       type   : Boolean,
@@ -53,12 +53,9 @@ export default defineComponent({
     })
 
     const tagName = computed(() => {
-      let tag: TagVariant = 'nuxt-link'
-
-      if (props.active)
-        tag = 'span'
-
-      return tag
+      return props.active
+        ? 'span'
+        : resolveComponent('nuxt-link')
     })
 
     const permalink = computed(() => {

src/components/breadcrumbs/index.ts

@@ -1,15 +1,15 @@
+import type { RouteLocationRaw } from 'vue-router'
+
 interface Breadcrumb {
   text: string,
-  href?: string,
+  href?: RouteLocationRaw,
   active?: boolean,
 }
 
 export interface BreadcrumbItems extends Breadcrumb {
   subitem?: Breadcrumb[],
 }
 
-export type TagVariant = 'a' | 'span' | 'nuxt-link'
-
 export function defineNavigation (navigation: BreadcrumbItems[]): BreadcrumbItems[] {
   return navigation
 }

src/components/button/Button.vue

@@ -23,6 +23,7 @@ import type {
 import {
   computed,
   inject,
+  resolveComponent,
 } from 'vue-demi'
 import type { RouteLocationRaw } from 'vue-router'
 import type {
@@ -110,7 +111,7 @@ const classNames = computed(() => {
 
 const tagName = computed(() => {
   return props.href
-    ? 'nuxt-link'
+    ? resolveComponent('nuxt-link')
     : 'button'
 })
 

src/components/dropdown/DropdownItem.vue

@@ -14,13 +14,15 @@
 </template>
 
 <script lang="ts">
+import type { PropType } from 'vue-demi'
 import {
   defineComponent,
   inject,
   computed,
 } from 'vue-demi'
 import { DROPDOWN_CONTEXT } from '.'
 import type { TagVariant } from '../button'
+import type { RouteLocationRaw } from 'vue-router'
 
 export default defineComponent({
   props: {
@@ -29,7 +31,7 @@ export default defineComponent({
       default: '',
     },
     href: {
-      type   : String,
+      type   : [String, Object] as PropType<RouteLocationRaw>,
       default: undefined,
     },
     active: {

src/components/text/Text.vue

@@ -14,6 +14,7 @@ import type { PropType } from 'vue-demi'
 import {
   defineComponent,
   computed,
+  resolveComponent,
 } from 'vue-demi'
 import type { StyleVariant, ElementVariant } from '.'
 import type { WeightVariant, TransformVariant } from '../heading'
@@ -45,7 +46,9 @@ export default defineComponent({
 
   setup (props) {
     const elementNames = computed(() => {
-      return props.href ? 'nuxt-link' : props.element
+      return props.href
+        ? resolveComponent('nuxt-link')
+        : props.element
     })
 
     const classNames = computed(() => {

src/components/truncate/Truncate.vue

@@ -12,7 +12,7 @@
       <template v-if="expandable && text.length > maxLength">
         <a
           data-testid="truncate-expand"
-          href="#"
+          href="javascript:void"
           @click.stop.prevent="toggle">
           {{ expand ? showLessText : showMoreText }}
         </a>

src/core/index.ts

@@ -155,3 +155,7 @@ export {
 export {
   useSelector,
 } from '../components/pdf-object/utils/use-selector'
+
+export {
+  getDocument,
+} from '../components/pdf-viewer/utils/pdfjs'