Add PrimeVue

This commit is contained in:
2025-09-22 15:56:17 +02:00
parent 2013cd69c6
commit 6240e2cb49
4 changed files with 102 additions and 0 deletions

86
package-lock.json generated
View File

@@ -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",

View File

@@ -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"
},

View File

@@ -6,6 +6,7 @@
Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
documentation
</p>
<Button>Button</Button>
</template>
<style scoped></style>

View File

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