vue.config.js

module.exports = {
  pluginOptions: {
    i18n: {
      locale: "en",
      fallbackLocale: "en",
      localeDir: "locales",
      enableLegacy: true,
      runtimeOnly: false,
      compositionOnly: false,
      fullInstall: true,
    },
  },
  chainWebpack: (config) => {
    config.plugin("define").tap((args) => {
      args[0] = {
        ...args[0],
        __INTLIFY_PROD_DEVTOOLS__: false,
        __VUE_I18N_FULL_INSTALL__: true,
        __VUE_I18N_LEGACY_API__: true,
      };
      return args;
    });
  },
  configureWebpack: {
    resolve: {
      symlinks: false,
      fallback: {
        crypto: require.resolve("crypto-browserify"),
        stream: require.resolve("stream-browserify"),
        buffer: require.resolve("buffer"),
        path: require.resolve("path-browserify"),
        url: false,
        fs: false,
        vm: false,
      },
    },
    devServer: {
      headers: { "Access-Control-Allow-Origin": "*" },
    },
  },
  transpileDependencies: ["framework7"],
};