David Posts - Answer Overflow

David

Explore posts from servers

•Created by David on 2/1/2025 in #❓・help

Two component files resolving to the same name `UiLabel`

Hello, I'm creating a web application and when I try to make a component in the folder app/components/ui/label/index.ts and app/components/ui/label/Label.vue like shadcn-vue does I have this error :

 WARN  Two component files resolving to the same name UiLabel:        
   nuxt 07:08:35

 - <path>/<project>/app/components/ui/label/index.ts
 - <path>/<project>/app/components/ui/label/Label.vue

 WARN  Two component files resolving to the same name UiLabel:        
   nuxt 07:08:35

 - <path>/<project>/app/components/ui/label/index.ts
 - <path>/<project>/app/components/ui/label/Label.vue

14 replies

NNuxt

•Created by David on 1/20/2025 in #❓・help

Could not load @nuxtjs/sitemap. Is it installed?

I have started a new fresh project, install @nuxtjs/sitemap add it to nuxt.config.ts modules and then, when I start my application I have this error.

ERROR  Cannot start nuxt:  Could not load @nuxtjs/sitemap. Is it installed?

ERROR  Cannot start nuxt:  Could not load @nuxtjs/sitemap. Is it installed?

9 replies

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

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

Gaming

Programming