@1337exp/taoui 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -14
- package/package.json +5 -1
package/README.md
CHANGED
|
@@ -56,10 +56,6 @@
|
|
|
56
56
|
|
|
57
57
|
## Установка
|
|
58
58
|
|
|
59
|
-
```bash
|
|
60
|
-
npm install @tao/ui
|
|
61
|
-
```
|
|
62
|
-
|
|
63
59
|
Или локально из папки:
|
|
64
60
|
|
|
65
61
|
```bash
|
|
@@ -74,7 +70,7 @@ npm install ../path-to-tao-ui
|
|
|
74
70
|
|
|
75
71
|
```typescript
|
|
76
72
|
import { defineNuxtPlugin } from '#app'
|
|
77
|
-
import TaoUI from '@
|
|
73
|
+
import TaoUI from '@1337exp/taoui'
|
|
78
74
|
|
|
79
75
|
export default defineNuxtPlugin((nuxtApp) => {
|
|
80
76
|
nuxtApp.vueApp.use(TaoUI)
|
|
@@ -85,7 +81,7 @@ export default defineNuxtPlugin((nuxtApp) => {
|
|
|
85
81
|
|
|
86
82
|
```vue
|
|
87
83
|
<script setup>
|
|
88
|
-
import '@
|
|
84
|
+
import '@1337exp/taoui/styles.css'
|
|
89
85
|
</script>
|
|
90
86
|
```
|
|
91
87
|
|
|
@@ -95,8 +91,8 @@ import '@tao/ui/styles.css'
|
|
|
95
91
|
// main.js
|
|
96
92
|
import { createApp } from 'vue'
|
|
97
93
|
import App from './App.vue'
|
|
98
|
-
import TaoUI from '@
|
|
99
|
-
import '@
|
|
94
|
+
import TaoUI from '@1337exp/taoui'
|
|
95
|
+
import '@1337exp/taoui/styles.css'
|
|
100
96
|
|
|
101
97
|
const app = createApp(App)
|
|
102
98
|
app.use(TaoUI)
|
|
@@ -107,8 +103,8 @@ app.mount('#app')
|
|
|
107
103
|
|
|
108
104
|
```vue
|
|
109
105
|
<script setup>
|
|
110
|
-
import { TaoButton, TaoInput, TaoModal } from '@
|
|
111
|
-
import '@
|
|
106
|
+
import { TaoButton, TaoInput, TaoModal } from '@1337exp/taoui'
|
|
107
|
+
import '@1337exp/taoui/styles.css'
|
|
112
108
|
</script>
|
|
113
109
|
|
|
114
110
|
<template>
|
|
@@ -143,7 +139,7 @@ primitives.css → semantic.css → themes/*.css (опционально
|
|
|
143
139
|
| `themes/light.css` | Пример альтернативной темы через `[data-tao-theme="light"]` | Да, как образец |
|
|
144
140
|
| `base.css` | Глобальный reset (скроллбар, ссылки, box-sizing) | Редко |
|
|
145
141
|
|
|
146
|
-
Все четыре подключаются одним файлом `@
|
|
142
|
+
Все четыре подключаются одним файлом `@1337exp/taoui/styles.css`.
|
|
147
143
|
|
|
148
144
|
### Как сделать свою тему
|
|
149
145
|
|
|
@@ -197,9 +193,9 @@ document.documentElement.setAttribute('data-tao-theme', 'light')
|
|
|
197
193
|
### Если нужна тема с нуля, без primitives
|
|
198
194
|
|
|
199
195
|
```javascript
|
|
200
|
-
import '@
|
|
201
|
-
import './my-semantic.css' // свой семантический слой вместо @
|
|
202
|
-
import '@
|
|
196
|
+
import '@1337exp/taoui/styles/primitives.css' // шкалы можно оставить
|
|
197
|
+
import './my-semantic.css' // свой семантический слой вместо @1337exp/taoui/styles/semantic.css
|
|
198
|
+
import '@1337exp/taoui/styles/base.css'
|
|
203
199
|
```
|
|
204
200
|
|
|
205
201
|
## Демонстрация
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@1337exp/taoui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Modern UI component library for Nuxt/Vue",
|
|
5
5
|
"homepage": "https://666.io",
|
|
6
6
|
"type": "module",
|
|
@@ -27,6 +27,10 @@
|
|
|
27
27
|
"type-check": "vue-tsc --noEmit",
|
|
28
28
|
"prepublishOnly": "npm run type-check && npm run build"
|
|
29
29
|
},
|
|
30
|
+
"repository": {
|
|
31
|
+
"type": "git",
|
|
32
|
+
"url": "git://github.com/1337exp/taoui"
|
|
33
|
+
},
|
|
30
34
|
"keywords": [
|
|
31
35
|
"vue",
|
|
32
36
|
"nuxt",
|