Add PrimeVue

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

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

src/App.vue

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

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