My Vue 3 Library

Библиотека компонентов для Vue 3 и Nuxt 3 проектов.

Установка

npm install topiq-ui
# или
yarn add topiq-ui

Использование с Vue 3

Глобальная регистрация компонентов

import { createApp } from 'vue'
import App from './App.vue'
import MyVueLibrary from 'topiq-ui'

// Опционально: импорт стилей
import 'topiq-ui/style'

const app = createApp(App)
app.use(MyVueLibrary)
app.mount('#app')

Импорт отдельных компонентов

<template>
  <div>
    <MyButton variant="primary">Нажми меня</MyButton>
  </div>
</template>

<script>
import { MyButton } from 'topiq-ui'

export default {
  components: {
    MyButton
  }
}
</script>

С Composition API

<template>
  <div>
    <MyButton variant="primary">Нажми меня</MyButton>
  </div>
</template>

<script setup>
import { MyButton } from 'topiq-ui'
</script>

Использование с Nuxt 3

Установка модуля

В вашем nuxt.config.ts:

export default defineNuxtConfig({
  modules: [
    'topiq-ui/nuxt'
  ]
})

Теперь все компоненты библиотеки будут автоматически доступны в вашем Nuxt проекте с префиксом Tq.

<template>
  <div>
    <TqButton variant="primary">Нажми меня</MyButton>
  </div>
</template>