Bump PrimeVue version from 3 to 4

VampireAotD · Sep 29, 2024 · d4f11ea · d4f11ea
1 parent a1c7b09
commit d4f11ea
Show file tree

Hide file tree

Showing 4 changed files with 68 additions and 14 deletions.
diff --git a/src/.prettierrc b/src/.prettierrc
@@ -11,7 +11,7 @@
     ],
     "importOrder": [
         "^(vue|@vue|vitest)",
-        "^primevue",
+        "^(primevue|@primevue|primeicons)",
         "<THIRD_PARTY_MODULES>",
         "^@/(entities|features|shared|widgets|pages|types)",
         "^[./]"

diff --git a/src/package.json b/src/package.json
@@ -44,9 +44,10 @@
         "ziggy-js": "^2.3.0"
     },
     "dependencies": {
+        "@primevue/themes": "^4.0.7",
         "@vueuse/core": "^11.1.0",
         "chart.js": "^4.4.4",
         "primeicons": "^7.0.0",
-        "primevue": "^3.53.0"
+        "primevue": "^4.0.7"
     }
 }
diff --git a/src/pnpm-lock.yaml b/src/pnpm-lock.yaml
diff --git a/src/resources/js/app.ts b/src/resources/js/app.ts
@@ -1,14 +1,13 @@
 import { DefineComponent, createApp, h } from 'vue';
 
+import Aura from '@primevue/themes/aura';
+import 'primeicons/primeicons.css';
 import PrimeVue from 'primevue/config';
-import Tailwind from 'primevue/passthrough/tailwind';
-import 'primevue/resources/themes/lara-dark-indigo/theme.css';
 import Toast from 'primevue/toast';
 import ToastService from 'primevue/toastservice';
 
 import { createInertiaApp } from '@inertiajs/vue3';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
-import 'primeicons/primeicons.css';
 import { ZiggyVue } from 'ziggy-js';
 
 import { HasRolePlugin } from '@/shared/plugins/user/authorize';
@@ -31,8 +30,10 @@ createInertiaApp({
             .use(ZiggyVue)
             .use(HasRolePlugin)
             .use(PrimeVue, {
+                theme: {
+                    preset: Aura,
+                },
                 ripple: true,
-                pt: Tailwind,
                 ptOptions: { mergeProps: false },
             })
             .use(ToastService)