const { defineConfig } = require('@vue/cli-service');
const webpack = require('webpack');

module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: process.env.VUE_APP_PUBLIC_PATH || '/',
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: JSON.stringify(false),
      }),
    ],
    devServer: {
      host: 'localhost',
      port: 8080,
      client: {
        overlay: false,
      },
      headers: {
        'Access-Control-Allow-Origin': '*',
      },
      historyApiFallback: true,
      proxy: {
        '/api': {
          target: 'http://your-api-server',
          changeOrigin: true,
          pathRewrite: { '^/api': '' },
        },
      },
    },
  },
});