N
Nuxt•2d ago
Fran

Problem with NUXT UI Components

Hi! I'm trying to use some components but i can't. I cloned the dashboard template to don't start from scratch. Components like: - UNavigationAccordion from Pro - UVerticalNavigation I haven't an error trace only have a warn from Vue. I think that my installed version is 3.0.0-beta3. If anyone can help me, I will appreciated it.
No description
No description
2 Replies
kapa.ai
kapa.ai•2d ago
Hi @Fran. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- It seems you're encountering issues with using certain Nuxt UI Pro components. Let's address this based on the information provided in the knowledge sources: 1. UNavigationAccordion: This is indeed a Nuxt UI Pro component, as mentioned in the NavigationAccordion documentation. 2. UVerticalNavigation: This is a standard Nuxt UI component, not a Pro component, as shown in the VerticalNavigation documentation. The fact that you're using the dashboard template and encountering issues with Pro components suggests there might be a problem with your Nuxt UI Pro setup. Here are a few things to check: 1. License: Nuxt UI Pro requires a license for production use. Make sure you have activated your license as described in the Installation guide. 2. Installation: Ensure you have properly installed Nuxt UI Pro. The Installation guide mentions that you need to add @nuxt/ui-pro to your project and extend it in your nuxt.config.ts: 
   export default defineNuxtConfig({
     extends: ['@nuxt/ui-pro'],
     modules: ['@nuxt/ui']
   })
   
   export default defineNuxtConfig({
     extends: ['@nuxt/ui-pro'],
     modules: ['@nuxt/ui']
   })
3. Version: You mentioned using version 3.0.0-beta3, but it's not clear if this is the Nuxt version or Nuxt UI Pro version. The latest version of Nuxt UI Pro might be different. You can check the latest version and update if necessary. 4. Edge Version: If you want to use the latest updates, you can switch to the edge version as described in the Edge installation guide. Without more specific error information, it's difficult to pinpoint the exact issue. If you're still encountering problems after checking these points, you might want to provide more details about the warning you're seeing from Vue, and any other relevant information about your setup. Remember, Nuxt UI Pro is a premium product, so make sure you have the proper license and setup to use its components. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai•2d ago
<@496751898997817355> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Did you find this page helpful?