nuxt.config.ts

const getImagesBaseUrl = () => {
  return process.env.ENV === 'DEV'
    ? 'http://192.168.0.13:3000/images'
    : 'https://leotg.com/api/images';
};

const getProductsBaseUrl = () => {
  return process.env.ENV === 'DEV'
    ? 'http://192.168.0.13:4000/api/products'
    : 'https://leotg.com/api/products';
};

const getProductsImagesBaseUrl = () => {
  return process.env.ENV === 'DEV'
    ? 'http://192.168.0.13:3000/images/products/'
    : 'https://leotg.com/api/images/products/';
};

const getProductsWebshopBase = () => {
  return process.env.ENV === 'DEV'
    ? 'http://192.168.0.13:4000/api/webproducts'
    : 'https://leotg.com/api/webproducts';
};

export default defineNuxtConfig({
  css: [
    '~/assets/styles/abstracts/index.scss',
    '~/assets/styles/global/index.scss',
    'normalize.css/normalize.css',
    'vuetify/lib/styles/main.sass',
  ],
  build: {
    transpile: ['vuetify', 'VueNumber'],
    // compilerOptions: {
    //   // List of custom element tag names
    //   isCustomElement: (tag) => tag.startsWith('VueNumber'),
    // },
  },
  runtimeConfig: {
    public: {
      imagesBase: getImagesBaseUrl(),
      productsBase: getProductsBaseUrl(),
      productsImagesBase: getProductsImagesBaseUrl(),
      productsWebshopBase: getProductsWebshopBase(),
    },
  },
  modules: ['nuxt-quasar-ui', '@nuxt/image-edge', '@pinia/nuxt'],
  plugins: [
    { src: '@/plugins/VueNumber.js', mode: 'client' },
    { src: '@/plugins/fetchFromStorage.js', mode: 'client' },
    { src: '@/plugins/changeTitles.js', mode: 'client' },
    { src: '@/plugins/vee-validate-components.js', mode: 'client' },
    { src: '@/plugins/vMaska.js', mode: 'client' },
  ],
  quasar: {
    extras: {
      fontIcons: ['material-icons'],
    },
    plugins: ['Notify', 'Dialog'],
    config: {
      notify: {},
    },
  },
  server: {
    host: '0.0.0.0',
  },
});