nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import { createResolver } from '@nuxt/kit'
import tailwindcss from '@tailwindcss/vite'

const { resolve } = createResolver(import.meta.url)

export default defineNuxtConfig({
  devtools: { enabled: true },
  extends: ["@shopware/composables/nuxt-layer"],
  imports: {
    dirs: [
        // auto import types
        'types/*.{ts,tsx}',
    ],
  },
  modules: ['@shopware/nuxt-module', '@nuxt/eslint', '@nuxtjs/i18n', '@nuxt/image'],
  css: [
    // needs to be relative to work and to be able to be overridden by consumer instance
    './app/assets/styles/main.css',
  ],
  alias: {
    // alias to import files from layer, e.g. when consumer instance overrides main.css
    '#nuxtware': resolve('./app')
  },
  vite: {
    plugins: [
      tailwindcss(),
    ]
  },
  i18n: {
    strategy: "prefix_except_default",
    detectBrowserLanguage: false,
    vueI18n: './config',
    langDir: './src/langs/',
    defaultLocale: 'en',
    locales: [
      {
        code: 'en',
        file: 'en-GB.ts'
      },
      {
        code: 'de',
        file: 'de-DE.ts'
      }
    ]
  },
})