chore: update nuxt (3.13.2) and vue (3.5.6) (#4225)

chore update nuxt (3.13.2) and vue (3.5.6) update props destructing, use dot syntax and call via props
molgenis · Sep 17, 2024 · 6527dfa · 6527dfa
1 parent f767253
commit 6527dfa
Show file tree

Hide file tree

Showing 36 changed files with 1,083 additions and 1,108 deletions.
diff --git a/apps/aggregates/package.json b/apps/aggregates/package.json
@@ -14,7 +14,7 @@
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
     "molgenis-viz": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/catalogue/package.json b/apps/catalogue/package.json
@@ -14,7 +14,7 @@
     "graphql-request": "5.2.0",
     "import": "^0.0.6",
     "molgenis-components": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3",
     "vue-tabler-icons": "2.21.0",
     "vue-scrollto": "2.20.0",

diff --git a/apps/central/package.json b/apps/central/package.json
@@ -14,7 +14,7 @@
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
     "v-scroll-lock": "1.3.1",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/cranio-provider/package.json b/apps/cranio-provider/package.json
@@ -14,7 +14,7 @@
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
     "molgenis-viz": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/cranio-public/package.json b/apps/cranio-public/package.json
@@ -14,7 +14,7 @@
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
     "molgenis-viz": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/directory/package.json b/apps/directory/package.json
@@ -24,7 +24,7 @@
     "molgenis-components": "*",
     "monaco-editor": "0.50.0",
     "pinia": "2.1.7",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-gtag": "2.0.1",
     "vue-router": "4.4.3",
     "vuedraggable": "4.1.0"

diff --git a/apps/directory/src/components/generators/view-components/Subcollection.vue b/apps/directory/src/components/generators/view-components/Subcollection.vue
@@ -13,10 +13,9 @@
 import { computed } from "vue";
 import ViewGenerator from "../ViewGenerator.vue";
 
-const { collection, level } = withDefaults(
-  defineProps<{ collection: any; level?: number }>(),
-  { level: 1 }
-);
+const props = withDefaults(defineProps<{ collection: any; level?: number }>(), {
+  level: 1,
+});
 
-const indentationLevel = computed(() => `ml-${level}`);
+const indentationLevel = computed(() => `ml-${props.level}`);
 </script>
diff --git a/apps/ern-genturis/package.json b/apps/ern-genturis/package.json
@@ -14,7 +14,7 @@
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
     "molgenis-viz": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/ern-ithaca/package.json b/apps/ern-ithaca/package.json
@@ -14,7 +14,7 @@
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
     "molgenis-viz": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/ern-reconnet/package.json b/apps/ern-reconnet/package.json
@@ -13,7 +13,7 @@
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
     "molgenis-viz": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/ern-skin/package.json b/apps/ern-skin/package.json
@@ -14,7 +14,7 @@
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
     "molgenis-viz": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/gportal/package.json b/apps/gportal/package.json
@@ -14,7 +14,7 @@
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
     "molgenis-viz": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/helloworld/package.json b/apps/helloworld/package.json
@@ -13,7 +13,7 @@
     "graphql-request": "5.2.0",
     "metadata-utils": "*",
     "molgenis-components": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/imdhub-public/package.json b/apps/imdhub-public/package.json
@@ -14,7 +14,7 @@
         "graphql-request": "5.2.0",
         "molgenis-components": "*",
         "molgenis-viz": "*",
-        "vue": "3.4.37",
+        "vue": "3.5.6",
         "vue-router": "4.4.3"
       },
       "devDependencies": {

diff --git a/apps/molgenis-components/package.json b/apps/molgenis-components/package.json
@@ -38,7 +38,7 @@
     "cross-env": "7.0.3",
     "metadata-utils": "*",
     "universal-cookie": "4.0.4",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-gtag": "2.0.1",
     "vue-flatpickr-component": "11.0.5",
     "vue3-cookies": "^1.0.6",

diff --git a/apps/molgenis-components/src/components/forms/InputSearch.vue b/apps/molgenis-components/src/components/forms/InputSearch.vue
@@ -38,15 +38,7 @@ import FormGroup from "./FormGroup.vue";
 import InputGroup from "./InputGroup.vue";
 import { defineEmits, ref } from "vue";
 
-const {
-  isClearBtnShown,
-  id,
-  label,
-  description,
-  errorMessage,
-  modelValue,
-  placeholder,
-} = withDefaults(
+const props = withDefaults(
   defineProps<{
     modelValue: string;
     isClearBtnShown?: boolean;
@@ -59,7 +51,7 @@ const {
   { isClearBtnShown: false, placeholder: "Search" }
 );
 
-const input = ref<string>(modelValue || "");
+const input = ref<string>(props.modelValue || "");
 
 const emit = defineEmits(["update:modelValue"]);
 

diff --git a/apps/molgenis-viz/package.json b/apps/molgenis-viz/package.json
@@ -34,7 +34,7 @@
     "d3": "7.8.5",
     "graphql-request": "^6.1.0",
     "heroicons": "^2.0.18",
-    "vue": "3.4.37"
+    "vue": "3.5.6"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "4.6.2",

diff --git a/apps/nuxt3-ssr/components/CategoriesTree.vue b/apps/nuxt3-ssr/components/CategoriesTree.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const { title, collectionEvents, columnCount, category } = withDefaults(
+const props = withDefaults(
   defineProps<{
     title: string;
     category: string;
@@ -85,13 +85,13 @@ function getCategoriesOf(
 
 let treeItems: ICollectionEventCategorySet[][];
 watch(
-  collectionEvents,
+  props.collectionEvents,
   () => {
     treeItems = [];
-    const allCategories = getCategoriesOf(category, collectionEvents);
-    if (allCategories.length > columnCount) {
-      const pageSize = allCategories.length / columnCount;
-      for (let column = 1; column < columnCount + 1; column++) {
+    const allCategories = getCategoriesOf(props.category, collectionEvents);
+    if (allCategories.length > props.columnCount) {
+      const pageSize = allCategories.length / props.columnCount;
+      for (let column = 1; column < props.columnCount + 1; column++) {
         treeItems.push(
           allCategories.slice((column - 1) * pageSize, column * pageSize)
         );

diff --git a/apps/nuxt3-ssr/components/content/Ontology.vue b/apps/nuxt3-ssr/components/content/Ontology.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { IOntologyItem } from "metadata-utils";
 
-const { tree } = withDefaults(
+withDefaults(
   defineProps<{
     tree: IOntologyItem[];
     collapseAll?: boolean;

diff --git a/apps/nuxt3-ssr/components/content/TreeNode.vue b/apps/nuxt3-ssr/components/content/TreeNode.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { IOntologyItem } from "metadata-utils";
 
-const { node, collapseAll } = withDefaults(
+const props = withDefaults(
   defineProps<{
     node: IOntologyItem;
     isRootNode?: boolean;
@@ -13,7 +13,7 @@ const { node, collapseAll } = withDefaults(
   }
 );
 
-let collapsed = ref(collapseAll);
+let collapsed = ref(props.collapseAll);
 const toggleCollapse = () => {
   collapsed.value = !collapsed.value;
 };

diff --git a/apps/nuxt3-ssr/components/notification/NotificationModal.vue b/apps/nuxt3-ssr/components/notification/NotificationModal.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { INotificationType } from "~/interfaces/types";
-const { type, subTitle, title, timeoutInMills } = withDefaults(
+const props = withDefaults(
   defineProps<{
     type: INotificationType;
     subTitle?: string;
@@ -21,7 +21,7 @@ function onTimeout() {
 }
 
 onMounted(() => {
-  timeOutId = setInterval(onTimeout, timeoutInMills);
+  timeOutId = setInterval(onTimeout, props.timeoutInMills);
   show.value = true;
 });
 

diff --git a/apps/nuxt3-ssr/package.json b/apps/nuxt3-ssr/package.json
@@ -39,6 +39,6 @@
     "floating-vue": "5.2.2",
     "metadata-utils": "*",
     "vite": "4.5.3",
-    "vue": "3.4.37"
+    "vue": "3.5.6"
   }
 }
diff --git a/apps/package.json b/apps/package.json
@@ -34,7 +34,7 @@
     "ui"
   ],
   "devDependencies": {
-    "nuxt": "3.12.4"
+    "nuxt": "3.13.2"
   },
   "scripts": {
     "build:libs": "yarn workspace molgenis-components run build && yarn workspace molgenis-viz run build"

diff --git a/apps/pages/package.json b/apps/pages/package.json
@@ -14,7 +14,7 @@
     "core-js": "3.34.0",
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/projectmanager/package.json b/apps/projectmanager/package.json
@@ -13,7 +13,7 @@
     "graphql-request": "5.2.0",
     "metadata-utils": "*",
     "molgenis-components": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/reports/package.json b/apps/reports/package.json
@@ -13,7 +13,7 @@
     "core-js": "3.34.0",
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/schema/package.json b/apps/schema/package.json
@@ -15,7 +15,7 @@
     "graphql-tag": "2.12.6",
     "metadata-utils": "*",
     "molgenis-components": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3",
     "vue-scrollto": "2.20.0",
     "vuedraggable": "4.1.0",

diff --git a/apps/settings/package.json b/apps/settings/package.json
@@ -13,7 +13,7 @@
     "molgenis-components": "*",
     "core-js": "3.34.0",
     "graphql-request": "5.2.0",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3",
     "vue3-colorpicker": "2.2.3",
     "vuedraggable": "4.1.0"

diff --git a/apps/tables/package.json b/apps/tables/package.json
@@ -13,7 +13,7 @@
     "core-js": "3.34.0",
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/tailwind-components/components/ContentReadMore.vue b/apps/tailwind-components/components/ContentReadMore.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const { text, cutoff } = withDefaults(
+withDefaults(
   defineProps<{
     text?: string;
     cutoff?: number;

diff --git a/apps/tailwind-components/components/content/ContentBlockModal.vue b/apps/tailwind-components/components/content/ContentBlockModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { INotificationType } from "~/interfaces/types";
+import type { INotificationType } from "~/types/types";
 
-const { title, subTitle, description, type } = withDefaults(
+const props = withDefaults(
   defineProps<{
     title: string;
     description?: string;
@@ -14,7 +14,7 @@ const { title, subTitle, description, type } = withDefaults(
 );
 
 const bgClass = computed(() => {
-  switch (type) {
+  switch (props.type) {
     case "light":
       return "bg-white";
     case "dark":

diff --git a/apps/tailwind-components/package.json b/apps/tailwind-components/package.json
@@ -20,7 +20,7 @@
   "dependencies": {
     "consola": "3.2.3",
     "floating-vue": "5.2.2",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/tasks/package.json b/apps/tasks/package.json
@@ -13,7 +13,7 @@
     "core-js": "3.34.0",
     "graphql-request": "5.2.0",
     "molgenis-components": "*",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "devDependencies": {

diff --git a/apps/ui/package.json b/apps/ui/package.json
@@ -15,7 +15,7 @@
   "dependencies": {
     "@pinia/nuxt": "0.5.1",
     "pinia": "2.1.7",
-    "vue": "3.4.37",
+    "vue": "3.5.6",
     "vue-router": "4.4.3"
   },
   "license": "LGPL-3.0",

diff --git a/apps/updownload/package.json b/apps/updownload/package.json
@@ -13,7 +13,7 @@
     "molgenis-components": "*",
     "core-js": "3.34.0",
     "graphql-request": "5.2.0",
-    "vue": "3.4.37"
+    "vue": "3.5.6"
   },
   "devDependencies": {
     "vite": "4.5.3",