@1337exp/taoui 1.0.1 → 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 -10
- package/package.json +5 -1
package/README.md
CHANGED
|
@@ -70,7 +70,7 @@ npm install ../path-to-tao-ui
|
|
|
70
70
|
|
|
71
71
|
```typescript
|
|
72
72
|
import { defineNuxtPlugin } from '#app'
|
|
73
|
-
import TaoUI from '@
|
|
73
|
+
import TaoUI from '@1337exp/taoui'
|
|
74
74
|
|
|
75
75
|
export default defineNuxtPlugin((nuxtApp) => {
|
|
76
76
|
nuxtApp.vueApp.use(TaoUI)
|
|
@@ -81,7 +81,7 @@ export default defineNuxtPlugin((nuxtApp) => {
|
|
|
81
81
|
|
|
82
82
|
```vue
|
|
83
83
|
<script setup>
|
|
84
|
-
import '@
|
|
84
|
+
import '@1337exp/taoui/styles.css'
|
|
85
85
|
</script>
|
|
86
86
|
```
|
|
87
87
|
|
|
@@ -91,8 +91,8 @@ import '@tao/ui/styles.css'
|
|
|
91
91
|
// main.js
|
|
92
92
|
import { createApp } from 'vue'
|
|
93
93
|
import App from './App.vue'
|
|
94
|
-
import TaoUI from '@
|
|
95
|
-
import '@
|
|
94
|
+
import TaoUI from '@1337exp/taoui'
|
|
95
|
+
import '@1337exp/taoui/styles.css'
|
|
96
96
|
|
|
97
97
|
const app = createApp(App)
|
|
98
98
|
app.use(TaoUI)
|
|
@@ -103,8 +103,8 @@ app.mount('#app')
|
|
|
103
103
|
|
|
104
104
|
```vue
|
|
105
105
|
<script setup>
|
|
106
|
-
import { TaoButton, TaoInput, TaoModal } from '@
|
|
107
|
-
import '@
|
|
106
|
+
import { TaoButton, TaoInput, TaoModal } from '@1337exp/taoui'
|
|
107
|
+
import '@1337exp/taoui/styles.css'
|
|
108
108
|
</script>
|
|
109
109
|
|
|
110
110
|
<template>
|
|
@@ -139,7 +139,7 @@ primitives.css → semantic.css → themes/*.css (опционально
|
|
|
139
139
|
| `themes/light.css` | Пример альтернативной темы через `[data-tao-theme="light"]` | Да, как образец |
|
|
140
140
|
| `base.css` | Глобальный reset (скроллбар, ссылки, box-sizing) | Редко |
|
|
141
141
|
|
|
142
|
-
Все четыре подключаются одним файлом `@
|
|
142
|
+
Все четыре подключаются одним файлом `@1337exp/taoui/styles.css`.
|
|
143
143
|
|
|
144
144
|
### Как сделать свою тему
|
|
145
145
|
|
|
@@ -193,9 +193,9 @@ document.documentElement.setAttribute('data-tao-theme', 'light')
|
|
|
193
193
|
### Если нужна тема с нуля, без primitives
|
|
194
194
|
|
|
195
195
|
```javascript
|
|
196
|
-
import '@
|
|
197
|
-
import './my-semantic.css' // свой семантический слой вместо @
|
|
198
|
-
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'
|
|
199
199
|
```
|
|
200
200
|
|
|
201
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",
|