Dull Object Specialist Comments

Dull Object Specialist

Posts Comments

NNuxt

•Created by Dull Object Specialist on 10/16/2024 in #❓・help

Nuxt Content - Navigation not rendered properly to generated static site

^^^ Woooa, they seem to apply some AI to the text I spoke on the video. Descent summary though.

6 replies

NNuxt

•Created by Dull Object Specialist on 10/16/2024 in #❓・help

Nuxt Content - Navigation not rendered properly to generated static site

@harlan Here is a recording against npm nuxi dev https://www.loom.com/share/e51567716fdd400c8fb1ada9f362faa5?sid=3b936a88-9ea7-4467-b24f-b9b8c45162e3

6 replies

NNuxt

•Created by Dull Object Specialist on 10/16/2024 in #❓・help

Nuxt Content - Navigation not rendered properly to generated static site

Thanks Harlan, you mean to copy the code of the component under a different name and then try to debug the component? Not sure if I'm qualified for that. The effect is really strange, I may record (after dinner) a short video to demonstrate the effect.

6 replies

NNuxt

•Created by Dull Object Specialist on 10/16/2024 in #❓・help

Nuxt Content - Navigation not rendered properly to generated static site

Here is my code

        <ul class="navbar-nav ms-auto">
          <ContentNavigation v-slot="{ navigation }">
            <li v-for="link of navigation" :key="link._path" class="nav-item">
              <NuxtLink :key="link._path" :to="link._path" class="nav-link click-scroll" activeClass="active">
                {{ link.title }}
              </NuxtLink>
            </li>
          </ContentNavigation>
        </ul>

        <ul class="navbar-nav ms-auto">
          <ContentNavigation v-slot="{ navigation }">
            <li v-for="link of navigation" :key="link._path" class="nav-item">
              <NuxtLink :key="link._path" :to="link._path" class="nav-link click-scroll" activeClass="active">
                {{ link.title }}
              </NuxtLink>
            </li>
          </ContentNavigation>
        </ul>

and I'm getting the hydration warnings

[Vue warn]: Slot "default" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead. 
  at <RouterLink ref=fn to="/" activeClass=undefined  ... > 
  at <NuxtLink to="/" > 
  at <ContentNavigation> 
  at <App key=4 > 
  at <NuxtRoot>

[Vue warn]: Slot "default" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead. 
  at <RouterLink ref=fn to="/" activeClass=undefined  ... > 
  at <NuxtLink to="/" > 
  at <ContentNavigation> 
  at <App key=4 > 
  at <NuxtRoot>

6 replies

NNuxt

•Created by Dull Object Specialist on 10/13/2024 in #❓・help

Nuxt Content markdown with Nuxt schema-org

Issue created, that would be awesome. Thanks in advance. I got some private help from Ismael Garcia (https://github.com/leamsigc) So I have some way to do it, but it does seem rather involved in the light of Nuxt Content trying to simplify things.

3 replies

Gaming

Programming