chore: upgrade to vue 3.5

package.json

@@ -5,6 +5,7 @@
     "requiredApiVersion": "~2.0.0"
   },
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "vite --host",
     "build": "run-p type-check build-only",
@@ -42,7 +43,7 @@
     "pinia": "^2.0.36",
     "qrcode-vue3": "^1.6.8",
     "uid": "^2.0.2",
-    "vue": "^3.4.27",
+    "vue": "^3.5.12",
     "vue-chartjs": "^5.2.0",
     "vue-i18n": "^9.3.0-beta.19",
     "vue-router": "^4.2.0",
@@ -52,10 +53,10 @@
     "@commitlint/cli": "^17.7.1",
     "@commitlint/config-conventional": "^17.7.0",
     "@rushstack/eslint-patch": "^1.2.0",
-    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/forms": "^0.5.9",
     "@tsconfig/node18": "^2.0.1",
     "@types/node": "^18.16.8",
-    "@vitejs/plugin-vue": "^4.6.2",
+    "@vitejs/plugin-vue": "^5.1.4",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.3",
     "@vue/tsconfig": "^0.4.0",
@@ -68,9 +69,9 @@
     "prettier": "^2.8.8",
     "prettier-plugin-tailwindcss": "^0.4.1",
     "semver": "^7.6.3",
-    "tailwindcss": "^3.3.2",
+    "tailwindcss": "^3.4.13",
     "typescript": "~5.0.4",
-    "vite": "^4.3.5",
+    "vite": "^5.4.9",
     "vue-tsc": "^1.8.27"
   }
 }

postcss.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: {
     tailwindcss: {},
     autoprefixer: {}

src/components/controller/units/ScheduleUpdateDrawer.vue

@@ -4,7 +4,7 @@ import {
   NeButton,
   NeFormItemLabel,
   NeInlineNotification,
-  NeNotification,
+  type NeNotification,
   NeRadioSelection,
   NeSideDrawer,
   NeSkeleton,

src/components/standalone/firewall/conntrack/DeleteConntrackRecordModal.vue

@@ -77,8 +77,8 @@ function close() {
     <span v-if="itemToDelete !== undefined">
       {{
         t('standalone.conntrack.delete_conntrack_record_message', {
-          source: itemToDelete?.destination + ':' + itemToDelete?.destination_port ?? '',
-          destination: itemToDelete?.source + ':' + itemToDelete?.source_port ?? ''
+          source: itemToDelete?.destination + ':' + itemToDelete?.destination_port || '',
+          destination: itemToDelete?.source + ':' + itemToDelete?.source_port || ''
         })
       }}
     </span>

src/components/standalone/openvpn_rw/CreateOrEditRWServerDrawer.vue

@@ -527,7 +527,7 @@ watch(
       />
       <NeCombobox
         :label="t('standalone.openvpn_rw.user_database')"
-        :disabled="itemToEdit?.ns_description != '' ?? false"
+        :disabled="itemToEdit?.ns_description != '' || false"
         :options="userDatabaseOptions"
         :no-options-label="t('ne_combobox.no_options_label')"
         :no-results-label="t('ne_combobox.no_results')"

src/components/standalone/qos/CreateOrEditQoSInterfaceDrawer.vue

@@ -80,7 +80,7 @@ async function fetchOptions() {
 }
 
 async function resetForm() {
-  enabled.value = !props.itemToEdit?.disabled ?? true
+  enabled.value = !props.itemToEdit?.disabled || true
   iface.value = props.itemToEdit?.interface ?? ifaceOptions.value?.[0]?.id ?? ''
   downloadSpeed.value = props.itemToEdit?.download.toString() ?? ''
   uploadSpeed.value = props.itemToEdit?.upload.toString() ?? ''

src/views/standalone/firewall/PortForward.vue

@@ -22,7 +22,6 @@ import CreateOrEditPortForwardDrawer from '@/components/standalone/firewall/Crea
 import { computed } from 'vue'
 import { type ObjectReference } from '@/composables/useObjects'
 import DeleteModal from '@/components/DeleteModal.vue'
-import type { DomainSet } from '@/composables/useDomainSets'
 
 const { t } = useI18n()
 

tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 
-module.exports = {
+export default {
   content: [
     './index.html',
     './src/**/*.{vue,js,ts,jsx,tsx}',