changes: bump deps

app/components/SvgIcon.vue

@@ -1,16 +1,28 @@
 <template>
-  <nuxt-img
+  <NuxtImg
     loading="lazy"
     :alt="alt"
     :class="`svg-${type || 'findata'}`"
     :style="`width: ${size || 26}px;`"
-    :src="`/icon/${name || 'check.svg'}`"
+    :src="`/icon/${name}`"
   />
 </template>
-<script>
+<script setup>
-export default {
+const props = defineProps({
-  props: ["name", "size", "type", "alt"],
+  name: {
-};
+    type: String,
+    default: "",
+  },
+  size: {
+    type: Number,
+    default: 26,
+  },
+  type: {
+    type: String,
+    default: "findata",
+  },
+  alt: String,
+});
 </script>
 <style>
 /* primary: $blue-dianne (#204853) */

app/components/media/ChipImage.vue

@@ -20,7 +20,7 @@
         @click="open()"
       >
         <figure class="image is-4by3 has-background-black">
-          <nuxt-img
+          <NuxtImg
             :src="image"
             loading="lazy"
             alt="Hình ảnh"

app/components/media/ImageCard.vue

@@ -143,7 +143,7 @@ async function openDeleteImageConfirm(image) {
           @click="props.viewImage(index)"
         >
           <figure class="image is-4by3 has-background-black">
-            <nuxt-img
+            <NuxtImg
               :src="url"
               loading="lazy"
               :alt="image.file__caption || image.file__name || 'Hình ảnh'"

app/components/media/ImageLayout.vue

@@ -141,7 +141,7 @@
           class="has-background-black"
           style="flex: 0 0 100%; display: flex; justify-content: center; align-items: center"
         >
-          <nuxt-img
+          <NuxtImg
             loading="lazy"
             :src="`${$getpath()}static/files/${image.file__file}`"
             :alt="image.file__name"

app/components/media/Imagebox.vue

@@ -114,10 +114,10 @@
               class="image px-2 pb-2"
               v-if="k.file && type === 'image'"
             >
-              <nuxt-img
+              <NuxtImg
                 :src="`${path}download?name=${k.file}`"
                 :id="'commentImage' + k.id"
-              ></nuxt-img>
+              />
               <div
                 class="text-image"
                 v-if="focus === k"

nuxt.config.ts

@@ -13,4 +13,29 @@ export default defineNuxtConfig({
   modules: ["@pinia/nuxt", "pinia-plugin-persistedstate/nuxt", "@nuxt/image", "nuxt-qrcode", "@nuxt/icon"],
   compatibilityDate: "2026-06-01",
   devtools: { enabled: true },
+  vite: {
+    optimizeDeps: {
+      include: [
+        '@vue-email/render',
+        '@vue/devtools-core',
+        '@vue/devtools-kit',
+        '@vueup/vue-quill',
+        'axios',
+        'dayjs', // CJS
+        'dayjs/locale/vi', // CJS
+        'dayjs/plugin/isSameOrAfter', // CJS
+        'dayjs/plugin/isSameOrBefore', // CJS
+        'dayjs/plugin/localizedFormat', // CJS
+        'dayjs/plugin/relativeTime', // CJS
+        'dayjs/plugin/weekOfYear', // CJS
+        'dayjs/plugin/weekday', // CJS
+        'es-toolkit',
+        'highcharts', // CJS
+        'highcharts-vue', // CJS
+        'highcharts/modules/export-data', // CJS
+        'highcharts/modules/exporting', // CJS
+        'xlsx',
+      ]
+    }
+  }
 });

package.json

@@ -12,7 +12,7 @@
     "build-bulma": "sass --load-path=node_modules my-bulma-project.scss my-bulma-project.css"
   },
   "dependencies": {
-    "@nuxt/image": "^1.11.0",
+    "@nuxt/image": "^2.0.0",
     "@pinia/nuxt": "^0.11.2",
     "@vue-email/components": "^0.0.21",
     "@vue-email/render": "^0.0.9",
@@ -40,8 +40,8 @@
   "devDependencies": {
     "@iconify-json/material-symbols": "^1.2.69",
     "@nuxt/icon": "^2.2.1",
-    "nuxt": "^4.2.0",
+    "nuxt": "^4.4.7",
     "prettier": "3.8.3",
-    "typescript": "^5.9.3"
+    "typescript": "^6.0.3"
   }
 }