diff --git a/index.html b/index.html
index 143557b..40302c4 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,14 @@
Vite + Vue + TS
+
+
diff --git a/package.json b/package.json
index 7926cdd..330a4c9 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,8 @@
"eslint-config-airbnb-base": "^15.0.0",
"pinia": "^2.0.27",
"vue": "^3.2.41",
- "vue-router": "^4.1.6"
+ "vue-router": "^4.1.6",
+ "vuestic-ui": "^1.5.2"
},
"devDependencies": {
"@types/node": "^18.11.11",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1182944..ff127e4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,12 +17,14 @@ specifiers:
vue: ^3.2.41
vue-router: ^4.1.6
vue-tsc: ^1.0.9
+ vuestic-ui: ^1.5.2
dependencies:
eslint-config-airbnb-base: 15.0.0_lt3hqehuojhfcbzgzqfngbtmrq
pinia: 2.0.27_mgnvym7yiazkylwwogi5r767ue
vue: 3.2.45
vue-router: 4.1.6_vue@3.2.45
+ vuestic-ui: 1.5.2_vue@3.2.45
devDependencies:
'@types/node': 18.11.11
@@ -139,6 +141,10 @@ packages:
/@types/json5/0.0.29:
resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+ /@types/lodash/4.14.191:
+ resolution: {integrity: sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==}
+ dev: false
+
/@types/node/18.11.11:
resolution: {integrity: sha512-KJ021B1nlQUBLopzZmPBVuGU9un7WJd/W4ya7Ih02B4Uwky5Nja0yGYav2EfYIk0RR2Q9oVhf60S2XR1BCWJ2g==}
dev: true
@@ -509,6 +515,10 @@ packages:
ansi-styles: 4.3.0
supports-color: 7.2.0
+ /cleave.js/1.6.0:
+ resolution: {integrity: sha512-ivqesy3j5hQVG3gywPfwKPbi/7ZSftY/UNp5uphnqjr25yI2CP8FS2ODQPzuLXXnNLi29e2+PgPkkiKUXLs/Nw==}
+ dev: false
+
/color-convert/2.0.1:
resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
engines: {node: '>=7.0.0'}
@@ -518,6 +528,10 @@ packages:
/color-name/1.1.4:
resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+ /colortranslator/1.9.3:
+ resolution: {integrity: sha512-51O07JAa8J0uIZT08FOGirqRBK9DVG0luuTNjYk9FdawE4tFc3yp7jQhRkZQsUDRwCnKa4CwMRuJIiaSeXsGvg==}
+ dev: false
+
/concat-map/0.0.1:
resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
@@ -1490,7 +1504,6 @@ packages:
/lodash/4.17.21:
resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
- dev: true
/lru-cache/6.0.0:
resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
@@ -2013,6 +2026,18 @@ packages:
'@vue/server-renderer': 3.2.45_vue@3.2.45
'@vue/shared': 3.2.45
+ /vuestic-ui/1.5.2_vue@3.2.45:
+ resolution: {integrity: sha512-96lyVnIh04EjDRyvFYHqpnDSP9UPwFX43JtobSs1ju95S3f3vKBrXz8gugpIpQeKVM3U++MUbBaiOBjDBwQgWg==}
+ peerDependencies:
+ vue: ^3.0.4
+ dependencies:
+ '@types/lodash': 4.14.191
+ cleave.js: 1.6.0
+ colortranslator: 1.9.3
+ lodash: 4.17.21
+ vue: 3.2.45
+ dev: false
+
/which-boxed-primitive/1.0.2:
resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
dependencies:
diff --git a/src/main.ts b/src/main.ts
index 584f24f..e65ea79 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,13 +1,18 @@
import { createApp } from 'vue'
import { createPinia } from 'pinia'
-import './style.css'
+import { createVuestic } from 'vuestic-ui'
+
import App from './App.vue'
import router from './router'
+// import './style.css'
+import 'vuestic-ui/css'
+
const pinia = createPinia()
const app = createApp(App)
app.use(router)
app.use(pinia)
+app.use(createVuestic())
app.mount('#app')