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')