0.0.58 • Published 7 months ago

@vek-element/ui v0.0.58

Weekly downloads
-
License
-
Repository
-
Last release
7 months ago

@vek-element/ui

UI компоненты

Установка

NPM зависимости

npm install unocss --save-dev
npm install unplugin-element-plus --save-dev

# опционально
npm install @vek-element/eslint-config --save-dev

Настройка

1. Vite конфигурация

Добавить в vite.config.ts плагин для работы с SVG

При использовании SVG иконок, необходимо добавить плагин vite-svg в конфигурацию Vite.

import path from 'node:path'
import { fileURLToPath } from 'node:url'

import SvgIcons from '@vek-element/vite-svg'
import Vue from '@vitejs/plugin-vue'
import UnoCSS from 'unocss/vite'
import ElementPlus from 'unplugin-element-plus/vite'
import { defineConfig } from 'vite'

const __dirname = path.dirname(fileURLToPath(import.meta.url))

export default defineConfig({
  plugins: [
    Vue(),
    ElementPlus({
      include: ['**/*.vue', '**/*.ts'],
      exclude: [/node_modules\/(?!@vek-element\/ui)/, /[/\\]\.git[/\\]/, /[/\\]\.nuxt[/\\]/]
    }),
    UnoCSS(),
    SvgIcons({
      iconDirs: [path.resolve(__dirname, './src/assets/svgs')],
      symbolId: 'icon-[name]'
    })
  ],
  resolve: {
    alias: [{ find: '@', replacement: path.resolve(__dirname, './src') }]
  }
})

2. app.vue

<script setup lang="ts">
import { VuRootLayout } from '@vek-element/ui'
</script>

<template>
  <vu-root-layout />
</template>

3. main.ts

Нужно подключить стили и svg иконки

import 'virtual:uno.css'
import 'virtual:svg-icons-register'

Далее нужно создать:

  1. Навигацию
  2. Авторизацию
  3. Layout
  4. Используя createUI из @vek-element/ui создать UI инициализировать приложение

Пример можно посмотреть здесь

0.0.58

7 months ago

0.0.57

8 months ago

0.0.51

8 months ago

0.0.52

8 months ago

0.0.53

8 months ago

0.0.54

8 months ago

0.0.55

8 months ago

0.0.56

8 months ago

0.0.50

8 months ago

0.0.49

8 months ago

0.0.48

8 months ago

0.0.40

9 months ago

0.0.41

9 months ago

0.0.42

9 months ago

0.0.43

9 months ago

0.0.45

8 months ago

0.0.46

8 months ago

0.0.47

8 months ago

0.0.37

9 months ago

0.0.38

9 months ago

0.0.39

9 months ago

0.0.35

9 months ago

0.0.36

9 months ago

0.0.30

9 months ago

0.0.31

9 months ago

0.0.32

9 months ago

0.0.33

9 months ago

0.0.34

9 months ago

0.0.26

9 months ago

0.0.27

9 months ago

0.0.28

9 months ago

0.0.29

9 months ago

0.0.25

10 months ago

0.0.20

10 months ago

0.0.21

10 months ago

0.0.22

10 months ago

0.0.23

10 months ago

0.0.24

10 months ago

0.0.19

10 months ago

0.0.17

10 months ago

0.0.18

10 months ago

0.0.16

10 months ago