chore: bump to vue 3.4.38

chore bump to vue3-tour 1.0.3
refactor: screen activity
chore: cleaned webpush activity

package.json

@@ -107,10 +107,10 @@
     "socket.io-client": "^4.4.1",
     "stream-browserify": "^3.0.0",
     "url": "^0.11.0",
-    "vue": "^3.0.0",
+    "vue": "3.4.38",
     "vue-i18n": "^9.2.0-beta.35",
     "vue-router": "^4.0.0",
-    "vue3-tour": "^0.3.3"
+    "vue3-tour": "^1.0.3"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.13.14",
@@ -132,8 +132,11 @@
     "webpack-bundle-analyzer": "^4.8.0",
     "workbox-webpack-plugin": "^6.0.0"
   },
+  "resolutions": {
+    "vue": "3.4.38"
+  },
   "engines": {
-    "node": ">= 18.0.0",
+    "node": ">= 20.0.0",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   },

src/boot/tour.js

@@ -1,4 +1,5 @@
-import Vue3Tour from 'vue3-tour/src/lib.js'
+import Vue3Tour from 'vue3-tour'
+import 'vue3-tour/dist/vue3-tour.css'
 
 export default async ({ app }) => {
   app.use(Vue3Tour)

src/components/screen/ScreenActivity.vue

@@ -4,7 +4,7 @@
       <KStamp
         :text="text" 
         textSize="1rem"
-        :icon="ScreenOrientation === 'portrait' ? 'las la-portrait' : 'las la-image'" 
+        :icon="screenOrientation === 'portrait' ? 'las la-portrait' : 'las la-image'" 
         iconSize="8rem"
         direction="vertical"
       /> 
@@ -24,10 +24,10 @@ import { computed } from 'vue'
 import { i18n, composables as kdkCoreComposables } from '@kalisio/kdk/core.client'
 
 // Data
-const { Orientation: ScreenOrientation, Screen } = kdkCoreComposables.useScreen()
+const { orientation: screenOrientation, Screen } = kdkCoreComposables.useScreen()
 
 // Computed
 const text = computed(() => {
-  return i18n.t(ScreenOrientation.value === 'portrait' ? 'ScreenActivity.PORTRAIT_ORIENTATION' : 'ScreenActivity.LANDSCAPE_ORIENTATION', { w: Screen.width, h: Screen.height })
+  return i18n.t(screenOrientation.value === 'portrait' ? 'ScreenActivity.PORTRAIT_ORIENTATION' : 'ScreenActivity.LANDSCAPE_ORIENTATION', { w: Screen.width, h: Screen.height })
 })
 </script>

src/components/webpush/WebpushActivity.vue

@@ -1,8 +1,5 @@
 <template>
-  <KActivity
-    name="webpush"
-    padding
-  >
+  <KActivity name="webpush">
     <div class="fit justify-center items-center column">
       <div>
         <div class="ellipsis text-bold">{{ $tie('webpush.FORM_TITLE') }}</div>