Install FishtVue with Nuxt

Download

FishtVue is available for download on npm registry. The Nuxt module is included in the main package.

npm install fishtvue

yarn add fishtvue

pnpm add fishtvue

Module Configuration

In the nuxt.config file, add the fishtvue/module to the modules section and define the fishtvue object for the configuration of the module.

export default defineNuxtConfig({
    modules: [
        'fishtvue/module'
    ],
    fishtvue: {
        /* Configuration */
    }
})

Theme

Configure the module to use a theme like Aura.

import Aura from '@fishtvue/themes/aura';

export default defineNuxtConfig({
    modules: [
        'fishtvue/module'
    ],
    fishtvue: {
        options: {
            theme: {
                preset: Aura
            }
        }
    }
})

Verify

The fishtvue/module module registers the components automatically with tree-shaking support so you may start using them instantly.

<Button label="Verify" />

Configuration

global

Determines whether components will be available globally.

fishtvue: {
    global: true | false
}

mode

Specifies the mode of component operation (client/server/all).

fishtvue: {
    mode: 'client' | 'server' | 'all'
}

prefix

Prefix for auto-imported components.

fishtvue: {
    prefix: 'Fisht'
}

autoImport

Enable automatic component imports. Defaults to true.

fishtvue: {
    autoImport: true | false
}

disableGlobalStyles

Disable global styles. Defaults to false.

fishtvue: {
    disableGlobalStyles: true | false
}

Next Steps

Welcome to the FishtVue Ecosystem! Once you have FishtVue up and running, we recommend exploring the following resources to gain a deeper understanding of the library.