Nuxt•2y ago

Vue 3 library, issues with SSR

Does anyone know something about importing an vue 3 library into nuxt 3? it doesn't seem to server side render my components, is this a nuxt config setup? or should we do something in our library? Its when im making html based on props (eg. array)

5 Replies

Unknown User•2y ago

Message Not Public

BootsmannOP•2y ago

https://www.npmjs.com/package/@lait/lait-frontend-library @needmorewood

npm

@lait/lait-frontend-library

LAIT frontend component library. Latest version: 0.18.0, last published: a day ago. Start using @lait/lait-frontend-library in your project by running npm i @lait/lait-frontend-library. There are no other projects in the npm registry using @lait/lait-frontend-library.

BootsmannOP•2y ago

 import { LaitBreadcrumb } from "@lait/lait-frontend-library/components/LaitBreadcrumb";

 import { LaitBreadcrumb } from "@lait/lait-frontend-library/components/LaitBreadcrumb";

takes an array of

export interface IBreadcrumbLink {
    text: string;
    disabled: boolean;
    to: string;
}

export interface IBreadcrumbLink {
    text: string;
    disabled: boolean;
    to: string;
}

    <LaitBreadcrumb v-if="breadcrumbs" :breadcrumb-items="breadcrumbs">
        <template v-for="(slot, index) in breadcrumbs" #[`item-${index}`] :key="index">
            <div>
                <NuxtLink v-if="slot" :to="slot.to">{{ slot.text }}</NuxtLink>
            </div>
        </template>
    </LaitBreadcrumb>

    <LaitBreadcrumb v-if="breadcrumbs" :breadcrumb-items="breadcrumbs">
        <template v-for="(slot, index) in breadcrumbs" #[`item-${index}`] :key="index">
            <div>
                <NuxtLink v-if="slot" :to="slot.to">{{ slot.text }}</NuxtLink>
            </div>
        </template>
    </LaitBreadcrumb>

Unknown User•2y ago

Message Not Public

BootsmannOP•2y ago

yes i found a solution 🙂 we are using this on a daily basis

Gaming

Programming

Vue 3 library, issues with SSR