From 9d28a3f03f7e8d02a626bcb7d9e8ed05f507fa4c Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Wed, 24 Jan 2024 16:51:53 +0700
Subject: [PATCH] upgrade vue 3.2 to 3.4

---
 .gitignore                              |  2 ++
 package.json                            |  2 +-
 src/components/TestUpgrade.vue          | 15 +++++++++++++++
 src/modules/01_dashboard/views/test.vue | 23 +++++++++++++++++++++++
 src/router/index.ts                     | 10 ++++++++++
 5 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 src/components/TestUpgrade.vue
 create mode 100644 src/modules/01_dashboard/views/test.vue

diff --git a/.gitignore b/.gitignore
index 38adffa..d5e47ac 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,3 +26,5 @@ coverage
 *.njsproj
 *.sln
 *.sw?
+
+package-lock.json
diff --git a/package.json b/package.json
index 42a0d29..d4105dd 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
         "pinia": "^2.0.29",
         "quasar": "^2.11.1",
         "structure-chart": "^0.0.9",
-        "vue": "^3.2.45",
+        "vue": "^3.4.15",
         "vue-router": "^4.1.6",
         "vue3-datepicker": "^0.3.4",
         "vue3-pdfjs": "^0.1.6"
diff --git a/src/components/TestUpgrade.vue b/src/components/TestUpgrade.vue
new file mode 100644
index 0000000..2bb98e5
--- /dev/null
+++ b/src/components/TestUpgrade.vue
@@ -0,0 +1,15 @@
+<!-- Child.vue -->
+<script setup lang="ts">
+const model = defineModel({ type: Number, required: true });
+const total = defineModel("total", { type: Number, required: true });
+
+function update() {
+  model.value++;
+}
+</script>
+
+<template>
+  <div>Child model is: {{ model }}</div>
+  {{ total }}
+  <q-btn @click="update">Add +</q-btn>
+</template>
diff --git a/src/modules/01_dashboard/views/test.vue b/src/modules/01_dashboard/views/test.vue
new file mode 100644
index 0000000..5cafa6a
--- /dev/null
+++ b/src/modules/01_dashboard/views/test.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import Child from "@/components/TestUpgrade.vue";
+import { ref } from "vue";
+
+const count = ref<number>(0);
+const total = ref<number>(0);
+</script>
+
+<template>
+  <q-card class="q-pa-md">
+    <!-- Parent.vue -->
+    <div class="q-mb-md">
+      <div>Parent count is: {{ count }}</div>
+      <q-btn @click="count = 0">Reset count</q-btn>
+    </div>
+
+    <q-separator />
+
+    <div class="q-mb-md">
+      <Child v-model="count" v-model:total="total" />
+    </div>
+  </q-card>
+</template>
diff --git a/src/router/index.ts b/src/router/index.ts
index d87127d..27f850c 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from "vue-router";
 
 const MainLayout = () => import("@/views/MainLayout.vue");
 const Dashboard = () => import("@/modules/01_dashboard/views/Dashboard.vue");
+const TestPage = () => import("@/modules/01_dashboard/views/test.vue");
 
 import ModuleTransfer from "@/modules/02_transfer/router";
 import ModuleRetire from "@/modules/03_retire/router";
@@ -29,6 +30,15 @@ const router = createRouter({
             Key: [7],
           },
         },
+        {
+          path: "/test",
+          name: "test",
+          component: TestPage,
+          meta: {
+            Auth: true,
+            Key: [7],
+          },
+        },
         ...ModuleTransfer,
         ...ModuleRetire,
         ...ModuleCheckin,