set version as 5

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "src/assets"]
+	path = src/assets
+	url = https://github.com/primefaces/sakai-assets.git

CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 4.3.0 (2025-02-26)
+
+**Implemented New Features and Enhancements**
+
+-   Update PrimeVue version
+
+## 4.2.0 (2024-12-09)
+
+**Implemented New Features and Enhancements**
+
+-   Refactored dashboard sections to components
+-   Migrate sass from @import to @use
+
 ## 4.1.0 (2024-07-29)
 
 -   Changed menu button location at topbar

README.md

@@ -1,29 +1,3 @@
-This template should help get you started developing with Vue 3 in Vite.
+Sakai is an application template for Vue based on the [create-vue](https://github.com/vuejs/create-vue), the recommended way to start a Vite-powered Vue projects.
 
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
-
-```sh
-npm install
-```
-
-### Compile and Hot-Reload for Development
-
-```sh
-npm run dev
-```
-
-### Compile and Minify for Production
-
-```sh
-npm run build
-```
-
-### Lint with [ESLint](https://eslint.org/)
-
-```sh
-npm run lint
-```
+Visit the [documentation](https://sakai.primevue.org/documentation) to get started.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "sakai-vue",
-    "version": "4.1.0",
+    "version": "5.0.0",
     "scripts": {
         "dev": "vite",
         "build": "vite build",
@@ -8,26 +8,25 @@
         "lint": "eslint --fix . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
     },
     "dependencies": {
-        "@primevue/themes": "^4.0.0",
+        "@primeuix/themes": "^2.0.0",
         "chart.js": "3.3.2",
-        "primeicons": "^6.0.1",
-        "primevue": "^4.0.0",
+        "primeicons": "^7.0.0",
+        "primevue": "^4.5.4",
+        "tailwindcss-primeui": "^0.6.0",
         "vue": "^3.4.34",
         "vue-router": "^4.4.0"
     },
     "devDependencies": {
-        "@primevue/auto-import-resolver": "^4.0.1",
+        "@primevue/auto-import-resolver": "^4.3.1",
         "@rushstack/eslint-patch": "^1.8.0",
+        "@tailwindcss/vite": "^4.1.17",
         "@vitejs/plugin-vue": "^5.0.5",
         "@vue/eslint-config-prettier": "^9.0.0",
-        "autoprefixer": "^10.4.19",
         "eslint": "^8.57.0",
         "eslint-plugin-vue": "^9.23.0",
-        "postcss": "^8.4.40",
         "prettier": "^3.2.5",
         "sass": "^1.55.0",
-        "tailwindcss": "^3.4.6",
-        "tailwindcss-primeui": "^0.3.2",
+        "tailwindcss": "^4.1.17",
         "unplugin-vue-components": "^0.27.3",
         "vite": "^5.3.1"
     }

postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-    plugins: {
-        tailwindcss: {},
-        autoprefixer: {}
-    }
-};

public/demo/images/product/product-placeholder.svg

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="300px" height="200px" viewBox="0 0 300 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Artboard</title>
-    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" fill="#F8F9FA" x="0" y="0" width="300" height="200"></rect>
-        <g id="image" transform="translate(110.000000, 70.000000)" fill="#BABABC" fill-rule="nonzero">
-            <path d="M75,0 L5,0 C2.23857625,0 0,2.23857625 0,5 L0,55 C0,57.7614237 2.23857625,60 5,60 L75,60 C77.7614237,60 80,57.7614237 80,55 L80,5 C80,2.23857625 77.7614237,0 75,0 Z M20,10 C25.5228475,10 30,14.4771525 30,20 C30,25.5228475 25.5228475,30 20,30 C14.4771525,30 10,25.5228475 10,20 C10,14.4771525 14.4771525,10 20,10 Z M70,40 L70,50 L10,50 L10,40 L18.55,35.7 C19.4648753,35.2524957 20.5351247,35.2524957 21.45,35.7 L30,40 L53.65,21.1 C54.4866298,20.4991452 55.6133702,20.4991452 56.45,21.1 L70,30 L70,40 Z" id="Shape"></path>
-        </g>
-    </g>
-</svg>

src/assets/demo/code.scss

@@ -1,17 +0,0 @@
-pre.app-code {
-    background-color: var(--code-background);
-    margin: 0 0 1rem 0;
-    padding: 0;
-    border-radius: var(--content-border-radius);
-    overflow: auto;
-
-    code {
-        color: var(--code-color);
-        padding: 1rem;
-        margin: 0;
-        line-height: 1.5;
-        display: block;
-        font-weight: semibold;
-        font-family: monaco, Consolas, monospace;
-    }
-}

src/assets/demo/demo.scss

@@ -1,2 +0,0 @@
-@import './flags/flags.css';
-@import './code.scss';

src/assets/layout/_core.scss

@@ -1,23 +0,0 @@
-html {
-    height: 100%;
-    font-size: 14px;
-}
-
-body {
-    font-family: 'Lato', sans-serif;
-    color: var(--text-color);
-    background-color: var(--surface-ground);
-    margin: 0;
-    padding: 0;
-    min-height: 100%;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-    text-decoration: none;
-}
-
-.layout-wrapper {
-    min-height: 100vh;
-}

src/assets/layout/_footer.scss

@@ -1,8 +0,0 @@
-.layout-footer {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1rem 0 1rem 0;
-    gap: 0.5rem;
-    border-top: 1px solid var(--surface-border);
-}

src/assets/layout/_main.scss

@@ -1,13 +0,0 @@
-.layout-main-container {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-    justify-content: space-between;
-    padding: 6rem 2rem 0 2rem;
-    transition: margin-left var(--layout-section-transition-duration);
-}
-
-.layout-main {
-    flex: 1 1 auto;
-    padding-bottom: 2rem;
-}