David
David
NNuxt
Created by David on 11/3/2024 in #❓・help
Nuxt Studio doesn't detect my project on GitHub
Hello, I want to use nuxt studio for my nuxt content project but it isn't detected. I have already install Nuxt Studio app inside my organisation and make it access to all repos but it doesn't work 😢
4 replies
NNuxt
Created by David on 11/3/2024 in #❓・help
Calling `useRoute` within middleware may lead to misleading results
Hello I'm creating a documention with nuxt content and I'm using the following middleware :
export default defineNuxtRouteMiddleware(async (to) => {})
export default defineNuxtRouteMiddleware(async (to) => {})
So, an empty middleware, it throw the following warning :
[nuxt] Calling `useRoute` within middleware may lead to misleading results. Instead, use the (to, from) arguments passed to the middleware to access the new and old routes.
[nuxt] Calling `useRoute` within middleware may lead to misleading results. Instead, use the (to, from) arguments passed to the middleware to access the new and old routes.
5 replies
NNuxt
Created by David on 10/29/2024 in #❓・help
Is it possible to insert a component just under the body element of a web page in Nuxt
?
5 replies
NNuxt
Created by David on 10/27/2024 in #❓・help
How do we use nuxt/fonts with local otf files ?
Hi guys! I have to use local font files in my nuxt project. I tried to make an configuration like this :
export default defineNuxtConfig({
...
modules: [..., '@nuxt/fonts'],
fonts: {
local: {},
defaults: {
weights: [400, 500, 600, 700, 800],
styles: ['normal', 'italic']
}
}
})
export default defineNuxtConfig({
...
modules: [..., '@nuxt/fonts'],
fonts: {
local: {},
defaults: {
weights: [400, 500, 600, 700, 800],
styles: ['normal', 'italic']
}
}
})
I have move all my necessary font files in /public/_fonts directory, but when I apply font on my element it doesn't work: /public/_fonts/My Font.otf font-family: 'My Font'
6 replies
NNuxt
Created by David on 6/9/2024 in #❓・help
UseRoute within middleware (nuxt content)
Hello everyone, I have this warning when I return to the home (/)
[nuxt] Calling `useRoute` within middleware may lead to misleading results. Instead, use the (to, from) arguments passed to the middleware to access the new and old routes.
[nuxt] Calling `useRoute` within middleware may lead to misleading results. Instead, use the (to, from) arguments passed to the middleware to access the new and old routes.
6 replies
NNuxt
Created by David on 6/4/2024 in #❓・help
[Content Module]: Infinite page loading when using ProseUl with documentDriven set to true
Environment - Operating System: Windows_NT - Node Version: v20.10.0 - Nuxt Version: 3.11.2 - CLI Version: 3.11.1 - Nitro Version: 2.9.6 - Package Manager: [email protected] - Builder: - - User Config: css, devtools, modules, content, fonts - Runtime Modules: @nuxt/[email protected], @nuxtjs/[email protected], @nuxt/[email protected], [email protected] - Build Modules: - Reproduction https://stackblitz.com/edit/github-pckqev Describe the bug Infinite page loading when using own ProseUl component with documentDriven set to true
7 replies
NNuxt
Created by David on 4/10/2024 in #❓・help
Tailwind dynamic color class doesn't work
No description
2 replies
NNuxt
Created by David on 4/3/2024 in #❓・help
[Vue warn]: Component inside <Transition> renders non-element root node that cannot be animated.
Hello everyone ! I've tried to make a combobox with an appear animation of the popper but I have the error:
[Vue warn]: Component inside <Transition> renders non-element root node that cannot be animated.
at <Teleport disabled=false forceMount=true to=undefined >
at <ComboboxPortal forceMount="" >
at <BaseTransition appear=false persisted=false mode=undefined ... >
at <Transition name="fade" >
at <Primitive ref=fn<s> style=
Object { pointerEvents: undefined }
as=undefined ... >
at <PopperRoot class="w-[200px]" >
at <ComboboxRoot modelValue="" onUpdate:modelValue=fn class="w-[200px]" >
at <Combobox modelValue="" onUpdate:modelValue=fn options=
Array(3) [ "Option 1", "Option 2", "Option 3" ]
... >
at <App key=3 >
at <NuxtRoot>
[Vue warn]: Component inside <Transition> renders non-element root node that cannot be animated.
at <Teleport disabled=false forceMount=true to=undefined >
at <ComboboxPortal forceMount="" >
at <BaseTransition appear=false persisted=false mode=undefined ... >
at <Transition name="fade" >
at <Primitive ref=fn<s> style=
Object { pointerEvents: undefined }
as=undefined ... >
at <PopperRoot class="w-[200px]" >
at <ComboboxRoot modelValue="" onUpdate:modelValue=fn class="w-[200px]" >
at <Combobox modelValue="" onUpdate:modelValue=fn options=
Array(3) [ "Option 1", "Option 2", "Option 3" ]
... >
at <App key=3 >
at <NuxtRoot>
Here is the layout of my component :
<ComboboxRoot>
<ComboboxAnchor>
<ComboboxTrigger>
...
</ComboboxTrigger>
</ComboboxAnchor>

<Transition name="fade">
<ComboboxPortal forceMount>
<ComboboxContent position="popper">
<ComboboxViewport>
<div>
<ComboboxInput />
</div>
<ComboboxGroup>
<ComboboxItem>
<span>...</span>
<ComboboxItemIndicator>
</ComboboxItemIndicator>
</ComboboxItem>
</ComboboxGroup>

<ComboboxEmpty />
</ComboboxViewport>
</ComboboxContent>
</ComboboxPortal>
</Transition>
</ComboboxRoot>
<ComboboxRoot>
<ComboboxAnchor>
<ComboboxTrigger>
...
</ComboboxTrigger>
</ComboboxAnchor>

<Transition name="fade">
<ComboboxPortal forceMount>
<ComboboxContent position="popper">
<ComboboxViewport>
<div>
<ComboboxInput />
</div>
<ComboboxGroup>
<ComboboxItem>
<span>...</span>
<ComboboxItemIndicator>
</ComboboxItemIndicator>
</ComboboxItem>
</ComboboxGroup>

<ComboboxEmpty />
</ComboboxViewport>
</ComboboxContent>
</ComboboxPortal>
</Transition>
</ComboboxRoot>
14 replies