Nuxt

Auto Imports 등록

nuxt.config.ts 설정. 해당 composables은 import 없이 사용 가능.

require('dotenv').config();

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  ssr: false,
  css: ['~/assets/scss/main.scss'],
  postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  },
  modules: [
    '@vueuse/nuxt',
    '@pinia/nuxt',
  ],
  imports: {
    dirs: ['constants'],
    presets: [
      {
        from: '@jupiter/ts-monorepo',
        imports: [
          'changeDateFormat',
          'businessRegistrationNumberFormat',
          'numberFormat',
          'phoneFormat'
        ],
      }
    ]
  },
  runtimeConfig: {
    // 클라이언트 노출되는 설정
    public: {
    }
  },
  app: {
    head: {
      charset: 'utf-8',
      viewport: 'width=device-width, initial-scale=1',
      title: 'billboard',
      meta: [
        { name: 'description', content: 'Billboard.' }
      ],
      link: [
        { rel: 'icon', type: 'image/x-icon', href: '/logo.ico' },
      ]
    }
  }
})