Use @primeuix/themes instead of @primevue/themes

This commit is contained in:
tugcekucukoglu
2025-02-25 15:28:20 +03:00
parent 22ba8601f3
commit 2f5b71a3eb
5 changed files with 193 additions and 265 deletions

434
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -8,15 +8,16 @@
"lint": "eslint --fix . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore" "lint": "eslint --fix . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
}, },
"dependencies": { "dependencies": {
"@primevue/themes": "^4.2.4", "@primeuix/themes": "^1.0.0",
"chart.js": "3.3.2", "chart.js": "3.3.2",
"primeicons": "^7.0.0", "primeicons": "^7.0.0",
"primevue": "^4.2.4", "primevue": "^4.3.1",
"tailwindcss-primeui": "^0.5.0",
"vue": "^3.4.34", "vue": "^3.4.34",
"vue-router": "^4.4.0" "vue-router": "^4.4.0"
}, },
"devDependencies": { "devDependencies": {
"@primevue/auto-import-resolver": "^4.2.4", "@primevue/auto-import-resolver": "^4.3.1",
"@rushstack/eslint-patch": "^1.8.0", "@rushstack/eslint-patch": "^1.8.0",
"@vitejs/plugin-vue": "^5.0.5", "@vitejs/plugin-vue": "^5.0.5",
"@vue/eslint-config-prettier": "^9.0.0", "@vue/eslint-config-prettier": "^9.0.0",
@@ -27,7 +28,6 @@
"prettier": "^3.2.5", "prettier": "^3.2.5",
"sass": "^1.55.0", "sass": "^1.55.0",
"tailwindcss": "^3.4.6", "tailwindcss": "^3.4.6",
"tailwindcss-primeui": "^0.3.2",
"unplugin-vue-components": "^0.27.3", "unplugin-vue-components": "^0.27.3",
"vite": "^5.3.1" "vite": "^5.3.1"
} }

View File

@@ -1,9 +1,9 @@
<script setup> <script setup>
import { useLayout } from '@/layout/composables/layout'; import { useLayout } from '@/layout/composables/layout';
import { $t, updatePreset, updateSurfacePalette } from '@primevue/themes'; import { $t, updatePreset, updateSurfacePalette } from '@primeuix/themes';
import Aura from '@primevue/themes/aura'; import Aura from '@primeuix/themes/aura';
import Lara from '@primevue/themes/lara'; import Lara from '@primeuix/themes/lara';
import Nora from '@primevue/themes/nora'; import Nora from '@primeuix/themes/nora';
import { ref } from 'vue'; import { ref } from 'vue';
const { layoutConfig, isDarkTheme } = useLayout(); const { layoutConfig, isDarkTheme } = useLayout();

View File

@@ -2,7 +2,7 @@ import { createApp } from 'vue';
import App from './App.vue'; import App from './App.vue';
import router from './router'; import router from './router';
import Aura from '@primevue/themes/aura'; import Aura from '@primeuix/themes/aura';
import PrimeVue from 'primevue/config'; import PrimeVue from 'primevue/config';
import ConfirmationService from 'primevue/confirmationservice'; import ConfirmationService from 'primevue/confirmationservice';
import ToastService from 'primevue/toastservice'; import ToastService from 'primevue/toastservice';

View File

@@ -1,8 +1,10 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { import PrimeUI from 'tailwindcss-primeui';
export default {
darkMode: ['selector', '[class*="app-dark"]'], darkMode: ['selector', '[class*="app-dark"]'],
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'], content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
plugins: [require('tailwindcss-primeui')], plugins: [PrimeUI],
theme: { theme: {
screens: { screens: {
sm: '576px', sm: '576px',