Начало работы

Реализация кнопки

В этом быстром руководстве мы установим и настроим компонент Button.

1. Установка библиотеки

Установите компонент из командной строки.

npm install fishtvue

pnpm add fishtvue

yarn add fishtvue

2. Инициализация проекта

Инициализация библиотеки FishtVue в проекте

import { createApp } from "vue"
import FishtVue from "fishtvue/config"
import App from "./App.vue"

const app = createApp(App)
app.use(FishtVue)

app.mount("#app")

3. Импорт кнопки

Добавление компонента в нужное место с именем.

<script setup lang="ts">
  import Button from "fishtvue/button/Button.vue"
</script>

<template>
  <Button>Открыть</Button>
</template>

Демо

Вот полная демонстрация.

Итог

Вышеописанные шаги кратко описывают, что необходимо для использования компонента FishtVue в вашем приложении.

Эти компоненты достаточно низкоуровневые, чтобы дать вам контроль над тем, как вы хотите их оборачивать. Вы можете ввести свой собственный высокоуровневый API, чтобы лучше соответствовать потребностям вашей команды и продукта.

В нескольких простых шагах мы реализовали полностью доступный компонент Button, не беспокоясь о многих его сложностях.