Установка FishtVue с Nuxt

Загрузка

FishtVue доступен для загрузки в реестре npm. Модуль Nuxt включен в основной пакет.

npm install fishtvue

yarn add fishtvue

pnpm add fishtvue

Конфигурация модуля

В файле nuxt.config добавьте fishtvue/module в раздел модулей и определите объект fishtvue для конфигурации модуля.

export default defineNuxtConfig({
    modules: [
        'fishtvue/module'
    ],
    fishtvue: {
        /* Конфигурация */
    }
})

Тема

Настройте модуль для использования темы, такой как Aura.

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

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

Проверка

Модуль fishtvue/module регистрирует компоненты автоматически с поддержкой tree-shaking, поэтому вы можете сразу начать их использовать.

<Button label="Проверка"/>

Конфигурация

global

Определяет, будут ли компоненты доступны глобально.

fishtvue: {
    global: true | false
}

mode

Указывает режим работы компонента (клиент/сервер/все).

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

prefix

Префикс для автоматически импортируемых компонентов.

fishtvue: {
    prefix: 'Fisht'
}

autoImport

Включить автоматический импорт компонентов. По умолчанию true.

fishtvue: {
    autoImport: true | false
}

disableGlobalStyles

Отключить глобальные стили. По умолчанию false.

fishtvue: {
    disableGlobalStyles: true | false
}

Следующие шаги

Добро пожаловать в экосистему FishtVue! После того как вы запустили FishtVue, мы рекомендуем изучить следующие ресурсы, чтобы глубже понять библиотеку.