search

unovue / shadcn-vue

Vue port of shadcn-ui
https://www.shadcn-vue.com/
MIT License
4.89k stars 280 forks source link

[Bug]: Uncaught (in promise) TypeError: Cannot destructure property 'page' of 'undefined' as it is undefined. #173

Closed Haunth closed 11 months ago

Haunth commented 11 months ago

Environment

Developement/Production OS: Windows 10 19043.1110
Node version: 16.0.0
Package manager: pnpm@8.6.0
Radix Vue version: 1.0.0
Shadcn Vue version: 1.0.0
Vue version: 3.0.0
Nuxt version: 3.0.0
Nuxt mode: universal
Nuxt target: server
CSS framework: tailwindcss@3.3.3
Client OS: Windows 10 19043.1110
Browser: Chrome 90.0.4430.212

Link to minimal reproduction

https://github.com/radix-vue/shadcn-vue/tree/dev/apps/www/src/lib/registry/default/ui/pagination

Steps to reproduce

Using pagination with nuxt3

Describe the bug

Bug about Pagination with nuxt3

Expected behavior

Resolve this bug

Conext & Screenshots (if applicable)

I'm using pagination with nuxt3 but I have this error. Please give me hơ to fix this image

sadeghbarati commented 11 months ago

Same issue as vee-validate component export in index.ts https://github.com/radix-vue/shadcn-vue/issues/172

You have to explicitly import from radix-vue

import {
  PaginationRoot as Pagination,
  PaginationList,
  PaginationListItem,
} from 'radix-vue'
Haunth commented 11 months ago

Same issue as vee-validate component export in index.ts #172

You have to explicitly import from radix-vue

import {
  PaginationRoot as Pagination,
  PaginationList,
  PaginationListItem,
} from 'radix-vue'

yes. Thanks . I'm using auto import of Nuxtjs. => import in file vue