@nuxt/ui-pro components are broken or missing dependencies / installation setup #40
Description
Using this template, there are components broken, following the Nuxt UI docs. (https://ui.nuxt.com/getting-started/installation/pro/vue#use-an-official-template)
I have not checked everything yet, but here are few observations:
- ColorModeSwitch
- PageMarquee
- Others: The auto-completion in vscode does not work unless it was written first in any .vue file, only then it will be included within
components.d.ts
ColorModeSwitch
Warning
The CSS Animation does NOT transition.
<template>
<UColorModeSwitch />
</template>Compare to: https://ui.nuxt.com/components/color-mode-switch#usage
PageMarquee
Warning
Nothing is displayed
<template>
<UPageMarquee>
<UIcon name="i-simple-icons-github" class="size-10 shrink-0" />
<UIcon name="i-simple-icons-discord" class="size-10 shrink-0" />
<UIcon name="i-simple-icons-x" class="size-10 shrink-0" />
<UIcon name="i-simple-icons-instagram" class="size-10 shrink-0" />
<UIcon name="i-simple-icons-linkedin" class="size-10 shrink-0" />
<UIcon name="i-simple-icons-facebook" class="size-10 shrink-0" />
</UPageMarquee>
</template>Compare to: https://ui.nuxt.com/components/page-marquee#usage
Note
If not obvious, I'll explicitly state that everything works when using Nuxt.js with Nuxt UI Pro (but not with Vue + Nuxt UI Pro)