Установка

Требования

• Node.js 16.0.0 и выше
• Vue 3.0.0 и выше

Установка

pnpm

pnpm add atomui-vue3

npm

npm install atomui-vue3

yarn

yarn add atomui-vue3

Подключение

Полное подключение

// main.ts
import { createApp } from "vue";
import AtomUI from "atomui-vue3";
import "atomui-vue3/style.css";
import App from "./App.vue";

const app = createApp(App);
app.use(AtomUI);
app.mount("#app");

Подключение отдельных компонентов

// main.ts
import { createApp } from "vue";
import { AtomButton, AtomInput, AtomTabs, AtomModal } from "atomui-vue3";
import "atomui-vue3/style.css";
import App from "./App.vue";

const app = createApp(App);
app.component("AtomButton", AtomButton);
app.component("AtomInput", AtomInput);
app.component("AtomTabs", AtomTabs);
app.component("AtomModal", AtomModal);
app.mount("#app");

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

// vite.config.ts
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

export default defineConfig({
  plugins: [vue()],
});

Готово!

Установка завершена. Теперь можно использовать компоненты:

<template>
  <AtomButton>Привет, Atom UI!</AtomButton>
</template>