Guillaume
Guillaume
PostsComments
NNuxt
Created by Guillaume on 11/26/2024 in #❓・help
Generate assets images
Hi everyone! 👋 I’m using nuxt generate with ssr: true to create a static site and I have images stored in the assets/images folder at the root of my project. I’d like to define dynamic paths to these images in a composable. How can I configure this properly to make sure the images work correctly in production build?
6 replies
NNuxt
Created by Guillaume on 10/21/2024 in #❓・help
Could not compile template nuxt-icon-client-bundle.mjs
No description
1 replies
NNuxt
Created by Guillaume on 7/23/2024 in #❓・help
Shared API client wrapper cookie token
Hello, I've a plugins/api.client.ts file that defines a Nuxt plugin to provide my httpClient (it is a library that wraps all my REST APIs). However, I need to initialize it with the token stored in the browser cookie. The problem is that when I change the page, the token becomes undefined. 
export default defineNuxtPlugin(nuxtApp => {
    const { setAccount } = useAuthStore();
    const userToken = useCookie('token');

    if (!userToken) return;

    const httpClient = MyAPIWrapper.create({
        token: userToken.value!,
        version: AvailableVersions.V1,
        tenant: Tenants.Default
    });

    nuxtApp.hook('app:beforeMount', () => {
        httpClient.account
            .me()
            .then(res => setAccount(res.user))
            .catch(() => setAccount(null));
    });

    nuxtApp.provide('httpClient', httpClient);
});

declare module '#app' {
    interface NuxtApp {
        $httpClient: MyAPIWrapperTypes;
    }
}
export default defineNuxtPlugin(nuxtApp => {
    const { setAccount } = useAuthStore();
    const userToken = useCookie('token');

    if (!userToken) return;

    const httpClient = MyAPIWrapper.create({
        token: userToken.value!,
        version: AvailableVersions.V1,
        tenant: Tenants.Default
    });

    nuxtApp.hook('app:beforeMount', () => {
        httpClient.account
            .me()
            .then(res => setAccount(res.user))
            .catch(() => setAccount(null));
    });

    nuxtApp.provide('httpClient', httpClient);
});

declare module '#app' {
    interface NuxtApp {
        $httpClient: MyAPIWrapperTypes;
    }
}
1 replies