Polak
Polak
PostsComments
NNuxt
Created by Polak on 2/26/2025 in #❓・help
Hydration Error
@kapa.ai I found out this would do my hydration error: 
devServer: {
        https: {
            key: "_wildcard.domain.com.test-key.pem",
            cert: "_wildcard.domain.com.test.pem",
        },
        host: "domain.com.test",
    },
devServer: {
        https: {
            key: "_wildcard.domain.com.test-key.pem",
            cert: "_wildcard.domain.com.test.pem",
        },
        host: "domain.com.test",
    },
How can I have the same domain as my backend without breaking the hydration?
30 replies
NNuxt
Created by Polak on 2/26/2025 in #❓・help
Hydration Error
@kapa.ai How do I clear the cache?
30 replies
NNuxt
Created by Polak on 2/26/2025 in #❓・help
Hydration Error
@kapa.ai I have this in console 
[nuxt] Your project has pages but the `<NuxtPage />` component has not been used. You might be using the `<RouterView />` component instead, which will not work correctly in Nuxt. You can set `pages: false` in `nuxt.config` if you do not wish to use the Nuxt `vue-router` integration.
[nuxt] Your project has pages but the `<NuxtPage />` component has not been used. You might be using the `<RouterView />` component instead, which will not work correctly in Nuxt. You can set `pages: false` in `nuxt.config` if you do not wish to use the Nuxt `vue-router` integration.
But I have nuxtpage in my app.vue? 
<script setup lang="ts">
    import { Toaster } from '@/components/ui/sonner'
</script>

<template>
    <NuxtLayout>
        <NuxtRouteAnnouncer />
        <NuxtPage />
        <Toaster />
    </NuxtLayout>
</template>
<script setup lang="ts">
    import { Toaster } from '@/components/ui/sonner'
</script>

<template>
    <NuxtLayout>
        <NuxtRouteAnnouncer />
        <NuxtPage />
        <Toaster />
    </NuxtLayout>
</template>
30 replies
NNuxt
Created by Polak on 2/26/2025 in #❓・help
Hydration Error
@kapa.ai This is the error from console 
[Debug] [vite] connecting... (client, line 742)
[Error] Failed to load resource: the server responded with a status of 500 (Internal Server Error) (nlg_logo.webp, line 0)
[Debug] [vite] connected. (client, line 865)
[Log] ✨ Nuxt DevTools  Press Shift + Option + D to open DevTools – "" (devtools.client.js, line 52)
[Info] <Suspense> is an experimental feature and its API will likely change. (runtime-core.esm-bundler.js, line 7031)
[Warning] [Vue warn]: Hydration node mismatch: (runtime-core.esm-bundler.js, line 50)
- rendered on server: (40)
<section class="dark default__layout" data-v-inspector="node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected][email protected]._7c2a69f979012f7707d530adde3890ef/node_modules/nuxt/dist/app/components/nuxt-root.vue:68:5" data-v-433a9abd>…</section>
""
"
- expected on client:"
Symbol(v-cmt)
"
"
" at <Default"
"ref=Ref<"
undefined
">"
">"
"
"
" at <AsyncComponentWrapper"
"ref=Ref<"
undefined
">"
">"
"
"
" at <LayoutLoader"
"key=\"default\""
"layoutProps="
Object
"name=\"default\""
">"
"
"
" at <NuxtLayoutProvider"
"layoutProps="
Object
"key=\"default\""
"name=\"default\""
" ..."
">"
"
"
" at <NuxtLayout"
">"
"
"
" at <App"
"key=4"
">"
"
"
" at <NuxtRoot>"
[Debug] [vite] connecting... (client, line 742)
[Error] Failed to load resource: the server responded with a status of 500 (Internal Server Error) (nlg_logo.webp, line 0)
[Debug] [vite] connected. (client, line 865)
[Log] ✨ Nuxt DevTools  Press Shift + Option + D to open DevTools – "" (devtools.client.js, line 52)
[Info] <Suspense> is an experimental feature and its API will likely change. (runtime-core.esm-bundler.js, line 7031)
[Warning] [Vue warn]: Hydration node mismatch: (runtime-core.esm-bundler.js, line 50)
- rendered on server: (40)
<section class="dark default__layout" data-v-inspector="node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected][email protected]._7c2a69f979012f7707d530adde3890ef/node_modules/nuxt/dist/app/components/nuxt-root.vue:68:5" data-v-433a9abd>…</section>
""
"
- expected on client:"
Symbol(v-cmt)
"
"
" at <Default"
"ref=Ref<"
undefined
">"
">"
"
"
" at <AsyncComponentWrapper"
"ref=Ref<"
undefined
">"
">"
"
"
" at <LayoutLoader"
"key=\"default\""
"layoutProps="
Object
"name=\"default\""
">"
"
"
" at <NuxtLayoutProvider"
"layoutProps="
Object
"key=\"default\""
"name=\"default\""
" ..."
">"
"
"
" at <NuxtLayout"
">"
"
"
" at <App"
"key=4"
">"
"
"
" at <NuxtRoot>"
30 replies
NNuxt
Created by Polak on 2/26/2025 in #❓・help
Hydration Error
@kapa.ai Whats wrong with my layout though?
30 replies
NNuxt
Created by Polak on 2/21/2025 in #❓・help
unable to verify the first certificate
@kapa.ai this, how do i do this on a macbook: Certificate chain: Ensure that your certificate includes the full chain if it's not self-signed. The error message suggests that the first certificate in the chain cannot be verified, which could mean an incomplete certificate chain.
10 replies
NNuxt
Created by Polak on 2/21/2025 in #❓・help
unable to verify the first certificate
@kapa.ai How do I do step 5?
10 replies
NNuxt
Created by Polak on 11/14/2024 in #❓・help
Has anyone played around with "nuxt-auth-sanctum"? I have some issues.
@kapa.ai I get error "nuxtApp.$fetch is of type unknown
20 replies
NNuxt
Created by Polak on 11/14/2024 in #❓・help
Has anyone played around with "nuxt-auth-sanctum"? I have some issues.
@kapa.ai I have this code but it says that NuxtApp is not defined. 
import type { FetchContext } from 'ofetch'
import type { ConsolaInstance } from 'consola'

export default defineAppConfig({
  sanctum: {
    interceptors: {
      onRequest: async (
        app: NuxtApp,
        ctx: FetchContext,
        logger: ConsolaInstance,
      ) => {
        ctx
          .options
          .headers
          .set('X-Custom-Headers', 'custom-value')

        logger.debug(`[onRequest] custom interceptor (${ctx.request})`)
      },

      onResponse: async (
        app: NuxtApp,
        ctx: FetchContext,
        logger: ConsolaInstance,
      ) => {
        logger.debug(`[onResponse] custom interceptor (${ctx.request})`)
      },
    },
  },
})
import type { FetchContext } from 'ofetch'
import type { ConsolaInstance } from 'consola'

export default defineAppConfig({
  sanctum: {
    interceptors: {
      onRequest: async (
        app: NuxtApp,
        ctx: FetchContext,
        logger: ConsolaInstance,
      ) => {
        ctx
          .options
          .headers
          .set('X-Custom-Headers', 'custom-value')

        logger.debug(`[onRequest] custom interceptor (${ctx.request})`)
      },

      onResponse: async (
        app: NuxtApp,
        ctx: FetchContext,
        logger: ConsolaInstance,
      ) => {
        logger.debug(`[onResponse] custom interceptor (${ctx.request})`)
      },
    },
  },
})
20 replies
NNuxt
Created by Polak on 11/14/2024 in #❓・help
Has anyone played around with "nuxt-auth-sanctum"? I have some issues.
@kapa.ai If I were to add a app.config.ts file, will this run automatically or?
20 replies
NNuxt
Created by Polak on 11/11/2024 in #❓・help
(Solved) Nuxt with SASS - Legacy Deprecation
Solved. For anyone else experiencing this issue. Install sass embedded: 
pnpm add -D sass-embedded
pnpm add -D sass-embedded
And add this to your nuxt.config.ts: 
vite: {
        css: {
            preprocessorOptions: {
                scss: {
                    api: 'modern-compiler' // or "modern"
                }
            }
        }
    },
vite: {
        css: {
            preprocessorOptions: {
                scss: {
                    api: 'modern-compiler' // or "modern"
                }
            }
        }
    },
Yoinked from smart brains out there on the internet.
6 replies
NNuxt
Created by Polak on 6/7/2024 in #❓・help
i18n fallback issues
Oh okay. In that case an error must be given to people who tries and visit a language that doesnt exist. Thanks for your help. Real champ!
33 replies
NNuxt
Created by Polak on 6/7/2024 in #❓・help
i18n fallback issues
No luck sadly. COULD it be that it doesnt listen to i18n.config.ts? you say it is auto imported but maybe my stuff is cursed? I might have set it up wrong maybe
33 replies
NNuxt
Created by Polak on 6/7/2024 in #❓・help
i18n fallback issues
yeah
33 replies
NNuxt
Created by Polak on 6/7/2024 in #❓・help
i18n fallback issues
Still error. Cursed as hell haha. 
 WARN  [Vue Router warn]: No match found for location with path "/fi"


 WARN  [Vue Router warn]: No match found for location with path "/fi"


 WARN  [Vue Router warn]: No match found for location with path "/fi"
 WARN  [Vue Router warn]: No match found for location with path "/fi"


 WARN  [Vue Router warn]: No match found for location with path "/fi"


 WARN  [Vue Router warn]: No match found for location with path "/fi"
33 replies
NNuxt
Created by Polak on 6/7/2024 in #❓・help
i18n fallback issues
Still error on /fi
33 replies
NNuxt
Created by Polak on 6/7/2024 in #❓・help
i18n fallback issues
No description
33 replies
NNuxt
Created by Polak on 6/7/2024 in #❓・help
i18n fallback issues
export default {
    fallbackLocale: ['en'],
};
export default {
    fallbackLocale: ['en'],
};
33 replies
NNuxt
Created by Polak on 6/7/2024 in #❓・help
i18n fallback issues
Yeah. 
export default defineNuxtConfig({
    devtools: { enabled: true },
    css: ['~/assets/scss/styles.scss'],

    vite: {
        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: '@use "~/assets/scss/_variables.scss" as *;'
                }
            }
        }
    },

    modules: ["@nuxtjs/i18n", "@nuxt/image"],
    i18n: {
        lazy: true,
        langDir: "locales",
        strategy: "prefix_and_default",
        defaultLocale: "en",
        locales: [
            {
                code: "en",
                iso: "en-US",
                name: "English",
                file: "en-US.json"
            },
            {
                code: "da",
                iso: "da-DK",
                name: "Dansk",
                file: "da-DK.json"
            }
        ],
        vueI18n: './i18n.config.ts'
    }
})
export default defineNuxtConfig({
    devtools: { enabled: true },
    css: ['~/assets/scss/styles.scss'],

    vite: {
        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: '@use "~/assets/scss/_variables.scss" as *;'
                }
            }
        }
    },

    modules: ["@nuxtjs/i18n", "@nuxt/image"],
    i18n: {
        lazy: true,
        langDir: "locales",
        strategy: "prefix_and_default",
        defaultLocale: "en",
        locales: [
            {
                code: "en",
                iso: "en-US",
                name: "English",
                file: "en-US.json"
            },
            {
                code: "da",
                iso: "da-DK",
                name: "Dansk",
                file: "da-DK.json"
            }
        ],
        vueI18n: './i18n.config.ts'
    }
})
33 replies
NNuxt
Created by Polak on 6/7/2024 in #❓・help
i18n fallback issues
Hey @xibman. I just tried but it still seems like it doesnt work. After visiting /fi/teams I still get 404 instead of being redirected to /teams. At least it is not longer complaining so thank you very much for that but seems to not work yet. :/
33 replies