From a738d2e1925cc2e4b76b8c85e6eace987025b7f5 Mon Sep 17 00:00:00 2001 From: Minz Date: Mon, 22 Sep 2025 16:03:08 +0200 Subject: [PATCH] Add PrimeVue --- package-lock.json | 86 +++++++++++++++++++++++++++++++++++++++++++++++ package.json | 2 ++ src/App.vue | 1 + src/main.ts | 13 +++++++ 4 files changed, 102 insertions(+) diff --git a/package-lock.json b/package-lock.json index 9a6fd6a..741cd2b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,9 @@ "name": "vite-vue-base", "version": "0.0.0", "dependencies": { + "@primeuix/themes": "^1.2.3", "pinia": "^3.0.3", + "primevue": "^4.3.9", "vue": "^3.5.18", "vue-router": "^4.5.1" }, @@ -1295,6 +1297,74 @@ "dev": true, "license": "MIT" }, + "node_modules/@primeuix/styled": { + "version": "0.7.2", + "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.7.2.tgz", + "integrity": "sha512-tIJ6byZezTYZ9YUICNSidQHOIQOQL3zeUgjwiX0JnBTK3+WCvy4DyCBcrJ94RtiX0WGFZSYNvaGaFkTo4jU8FQ==", + "license": "MIT", + "dependencies": { + "@primeuix/utils": "^0.6.1" + }, + "engines": { + "node": ">=12.11.0" + } + }, + "node_modules/@primeuix/styles": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@primeuix/styles/-/styles-1.2.3.tgz", + "integrity": "sha512-+KwmQsLTYgVAqFADmO252btz40lstPML6r4QMNjxz4gLNCKVW3kPR0/aCouQx6/21+boXG1P68tu8Zk3FAKr2w==", + "license": "MIT", + "dependencies": { + "@primeuix/styled": "^0.7.2" + } + }, + "node_modules/@primeuix/themes": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@primeuix/themes/-/themes-1.2.3.tgz", + "integrity": "sha512-GLAU2h6lhgln2w10EQalUQlgwbgQ0xZoIOLMNGfIvqU4O09L282P7rwKCKQksvAGAFt1GoO/Q1NgBSxnttr7iA==", + "license": "MIT", + "dependencies": { + "@primeuix/styled": "^0.7.2" + } + }, + "node_modules/@primeuix/utils": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.6.1.tgz", + "integrity": "sha512-tQL/ZOPgCdD+NTimlUmhyD0ey8J1XmpZE4hDHM+/fnuBicVVmlKOd5HpS748LcOVRUKbWjmEPdHX4hi5XZoC1Q==", + "license": "MIT", + "engines": { + "node": ">=12.11.0" + } + }, + "node_modules/@primevue/core": { + "version": "4.3.9", + "resolved": "https://registry.npmjs.org/@primevue/core/-/core-4.3.9.tgz", + "integrity": "sha512-P08MhVD8WrldbropVuiG25ku6il+v+cKKrspES6RijDc4NE/CrGMAwOlrdpOkpy7pcfTzqC9eIGBx5ifS28S5g==", + "license": "MIT", + "dependencies": { + "@primeuix/styled": "^0.7.2", + "@primeuix/utils": "^0.6.1" + }, + "engines": { + "node": ">=12.11.0" + }, + "peerDependencies": { + "vue": "^3.5.0" + } + }, + "node_modules/@primevue/icons": { + "version": "4.3.9", + "resolved": "https://registry.npmjs.org/@primevue/icons/-/icons-4.3.9.tgz", + "integrity": "sha512-7EaVz7yS4KlAWppPsFEl9r2ia94LZStNjO2qiXolz0lvRYjZu6W66Or96sTr7GJhIIoE+qRnn3T9A/LeUmke6Q==", + "license": "MIT", + "dependencies": { + "@primeuix/utils": "^0.6.1", + "@primevue/core": "4.3.9" + }, + "engines": { + "node": ">=12.11.0" + } + }, "node_modules/@rolldown/pluginutils": { "version": "1.0.0-beta.29", "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.29.tgz", @@ -4249,6 +4319,22 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/primevue": { + "version": "4.3.9", + "resolved": "https://registry.npmjs.org/primevue/-/primevue-4.3.9.tgz", + "integrity": "sha512-qEAm/ZwtfBJAxHBhmXxsZ4NM6StRDeMVg8146HBn1xZ+0wiYhhJXH4uEttBTBhUgRhmZ00n6bANiL+ib9ylNjg==", + "license": "MIT", + "dependencies": { + "@primeuix/styled": "^0.7.2", + "@primeuix/styles": "^1.2.3", + "@primeuix/utils": "^0.6.1", + "@primevue/core": "4.3.9", + "@primevue/icons": "4.3.9" + }, + "engines": { + "node": ">=12.11.0" + } + }, "node_modules/punycode": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", diff --git a/package.json b/package.json index c74d4c1..242132b 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,9 @@ "format": "prettier --write src/" }, "dependencies": { + "@primeuix/themes": "^1.2.3", "pinia": "^3.0.3", + "primevue": "^4.3.9", "vue": "^3.5.18", "vue-router": "^4.5.1" }, diff --git a/src/App.vue b/src/App.vue index abfd315..549aea4 100644 --- a/src/App.vue +++ b/src/App.vue @@ -6,6 +6,7 @@ Visit vuejs.org to read the documentation

+ diff --git a/src/main.ts b/src/main.ts index fda1e6e..e686a18 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,12 +1,25 @@ import { createApp } from 'vue' import { createPinia } from 'pinia' +import PrimeVue from 'primevue/config'; +import Aura from '@primeuix/themes/aura'; + import App from './App.vue' import router from './router' +import Button from "primevue/button" + + const app = createApp(App) app.use(createPinia()) app.use(router) +app.use(PrimeVue, { + theme: { + preset: Aura + } +}); + +app.component('Button', Button); app.mount('#app')