🎨 코드 스타일 개선 및 Node.js 22 호환성 설정

nuxt.config.ts

@@ -1,19 +1,21 @@
-import { fileURLToPath } from 'node:url'
-import svgLoader from 'vite-svg-loader'
-import vuetify from 'vite-plugin-vuetify'
+import { fileURLToPath } from "node:url";
+import svgLoader from "vite-svg-loader";
+import vuetify from "vite-plugin-vuetify";
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   app: {
     head: {
-      titleTemplate: '%s - NuxtJS Admin Template',
-      title: 'Sneat',
+      titleTemplate: "%s - NuxtJS Admin Template",
+      title: "Sneat",
 
-      link: [{
-        rel: 'icon',
-        type: 'image/x-icon',
-        href: '/favicon.ico',
-      }],
+      link: [
+        {
+          rel: "icon",
+          type: "image/x-icon",
+          href: "/favicon.ico",
+        },
+      ],
     },
   },
 
@@ -22,29 +24,33 @@ export default defineNuxtConfig({
   },
 
   css: [
-    '@core/scss/template/index.scss',
-    '@styles/styles.scss',
-    '@/plugins/iconify/icons.css',
-    '@layouts/styles/index.scss',
+    "@core/scss/template/index.scss",
+    "@styles/styles.scss",
+    "@/plugins/iconify/icons.css",
+    "@layouts/styles/index.scss",
   ],
 
   components: {
-    dirs: [{
-      path: '@/@core/components',
+    dirs: [
+      {
+        path: "@/@core/components",
         pathPrefix: false,
-    }, {
-      path: '~/components/global',
+      },
+      {
+        path: "~/components/global",
         global: true,
-    }, {
-      path: '~/components',
+      },
+      {
+        path: "~/components",
         pathPrefix: false,
-    }],
+      },
+    ],
   },
 
-  plugins: ['@/plugins/vuetify/index.ts', '@/plugins/iconify/index.ts'],
+  plugins: ["@/plugins/vuetify/index.ts", "@/plugins/iconify/index.ts"],
 
   imports: {
-    dirs: ['./@core/utils', './@core/composable/', './plugins/*/composables/*'],
+    dirs: ["./@core/utils", "./@core/composable/", "./plugins/*/composables/*"],
   },
 
   hooks: {},
@@ -54,19 +60,19 @@ export default defineNuxtConfig({
   },
 
   // Node.js 22 호환성 설정
-  compatibilityDate: '2024-10-01',
+  compatibilityDate: "2024-10-01",
 
   typescript: {
     tsConfig: {
       compilerOptions: {
         paths: {
-          '@/*': ['../*'],
-          '@layouts/*': ['../@layouts/*'],
-          '@layouts': ['../@layouts'],
-          '@core/*': ['../@core/*'],
-          '@core': ['../@core'],
-          '@images/*': ['../assets/images/*'],
-          '@styles/*': ['../assets/styles/*'],
+          "@/*": ["../*"],
+          "@layouts/*": ["../@layouts/*"],
+          "@layouts": ["../@layouts"],
+          "@core/*": ["../@core/*"],
+          "@core": ["../@core"],
+          "@images/*": ["../assets/images/*"],
+          "@styles/*": ["../assets/styles/*"],
         },
       },
     },
@@ -80,21 +86,24 @@ export default defineNuxtConfig({
 
   vue: {
     compilerOptions: {
-      isCustomElement: tag => tag === 'swiper-container' || tag === 'swiper-slide',
+      isCustomElement: (tag) =>
+        tag === "swiper-container" || tag === "swiper-slide",
     },
   },
 
   vite: {
-    define: { 'process.env': {} },
+    define: { "process.env": {} },
 
     resolve: {
       alias: {
-        '@': fileURLToPath(new URL('.', import.meta.url)),
-        '@core': fileURLToPath(new URL('./@core', import.meta.url)),
-        '@layouts': fileURLToPath(new URL('./@layouts', import.meta.url)),
-        '@images': fileURLToPath(new URL('./assets/images/', import.meta.url)),
-        '@styles': fileURLToPath(new URL('./assets/styles/', import.meta.url)),
-        '@configured-variables': fileURLToPath(new URL('./assets/styles/variables/_template.scss', import.meta.url)),
+        "@": fileURLToPath(new URL(".", import.meta.url)),
+        "@core": fileURLToPath(new URL("./@core", import.meta.url)),
+        "@layouts": fileURLToPath(new URL("./@layouts", import.meta.url)),
+        "@images": fileURLToPath(new URL("./assets/images/", import.meta.url)),
+        "@styles": fileURLToPath(new URL("./assets/styles/", import.meta.url)),
+        "@configured-variables": fileURLToPath(
+          new URL("./assets/styles/variables/_template.scss", import.meta.url)
+        ),
       },
     },
 
@@ -103,25 +112,23 @@ export default defineNuxtConfig({
     },
 
     optimizeDeps: {
-      exclude: ['vuetify'],
-      entries: [
-        './**/*.vue',
-      ],
+      exclude: ["vuetify"],
+      entries: ["./**/*.vue"],
     },
 
     plugins: [
       svgLoader(),
       vuetify({
         styles: {
-          configFile: 'assets/styles/variables/_vuetify.scss',
+          configFile: "assets/styles/variables/_vuetify.scss",
         },
       }),
     ],
   },
 
   build: {
-    transpile: ['vuetify'],
+    transpile: ["vuetify"],
   },
 
-  modules: ['@vueuse/nuxt', '@nuxtjs/device', '@pinia/nuxt'],
-})
+  modules: ["@vueuse/nuxt", "@nuxtjs/device", "@pinia/nuxt"],
+});