Comments (10)
@selemondev this should be due to Nuxt3 autoImport feature, which might messed up the imports.
from shadcn-vue.
The new issue seems to be related to #70
from shadcn-vue.
Awesome @selemondev ! Could you help contributing by adding that text in Nuxt installation section? 😁
from shadcn-vue.
After the button has been successfully installed, it maps to the wrong path: @/lib/registry/default/ui/avatar and then I correct it to: @/components/ui/avatar
I've added shadcn-vue in an existing Vite + Tailwind project, and successfully set up components.json and all steps outlined in the installation guide. However when doing npx shadcn-vue@latest add select
or any other, it adds the Select component but completely ignores the configured components.json
in the project root dir.
E.g. tailwind.cssVariables
would be set to false
, but the added component and its files would use CSS variables instead of Tailwind classes. Same for the path to the helpers import and any other configured setting.
from shadcn-vue.
@selemondev could you check if this issue still happening? 😁
from shadcn-vue.
@zernonia I still get the same error as above but this time in the terminal I get the following error: ERROR Cannot read properties of undefined (reading 'sys') (x4)
and in the browser:
`[vite-node] [plugin:vite:vue] [VITE_ERROR] /components/ui/avatar/AvatarImage.vue
<script setup lang="ts"> import { AvatarImage, type AvatarImageProps } from 'radix-vue' const props = defineProps() </script> `from shadcn-vue.
Thanks, it worked. Can we reference that in the docs as a temporary solution until it's fixed so that devs might not have to wonder what's wrong?
from shadcn-vue.
Sure ✨
from shadcn-vue.
Can I close this @selemondev and we will track the Nuxt3 issue you mentioned above here? 😁
from shadcn-vue.
OK.
from shadcn-vue.
Related Issues (20)
- [Bug]: Incorrect Hierarchy between Dialog Component and Sonner Component
- [Feature]: Config in components.json for UI folder alias HOT 5
- [Bug]: Failed to fetch styles from registry HOT 13
- [Bug]: darkmode error HOT 5
- wasn't a bug. sry. deleted. HOT 4
- [Feature]: Countdown Component HOT 1
- [Bug]: PinInput elements not focusable
- [Bug]: Weird Slider Bug with v-model HOT 4
- [Bug]: Theme not loading in Nuxt3 HOT 2
- [Bug]: Calendar doesn't style properly in fresh install HOT 1
- [Feature]: Allow using `Avatar` like image rendering components to be used with `NuxtImage`
- [Feature]: Virtual DataTable
- [Feature]: Method to Scroll to Top in a ScrollArea ScrowAreaViewport HOT 1
- [Feature]: Property to pass in a scroll event handler to ScrollArea --> ScrollAreaViewport
- [Bug]: Tabs set orientation="vertical" not working HOT 5
- [Bug]: Cannot install drawer when not using typescript HOT 1
- [Feature]: is there any chance that can shadcn works with nx monorepo and Nuxt 3 as library for multi projects HOT 2
- vaul vue Drawe, datepicker in popover or datepicker in another dialog inside Drawer HOT 2
- [Bug]: Datepicker month selector is broken in some of the demos HOT 6
- [Feature]: Can we get a Label Prop in the separator Component.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from shadcn-vue.