Migrate to ES6 modules

Configure project to use ES6 modules to enable top-level await
capabilities. This change helps project to align well with modern JS
standards.

- Set `type` to `module` in `package.json`.
- Use import/export syntax in Cypress configuration files.
- Rename configurations files that do not support modules to use
  the `.cjs` extension:
  - `vue.config.js` to `vue.config.cjs` (vuejs/vue-cli#4477).
  - `babel.config.js` to `babel.config.cjs (babel/babel-loader#894)
  - `.eslintrc.js` to `.eslintrc.cjs` (eslint/eslint#13440,
    eslint/eslint#14137)
  - `postcss.config.js` to `postcss.config.cjs` (postcss/postcss#1771)
- Provide a workaround for Vue CLI & Mocha ES6 modules conflict in
  Vue configuration file (vuejs/vue-cli#7417).

vue.config.cjs

@@ -0,0 +1,110 @@
+const { resolve } = require('path');
+const { defineConfig } = require('@vue/cli-service');
+const packageJson = require('./package.json');
+const tsconfigJson = require('./tsconfig.json');
+
+loadVueAppRuntimeVariables();
+fixMochaBuildWithModules();
+
+module.exports = defineConfig({
+  transpileDependencies: true,
+  chainWebpack: (config) => {
+    changeAppEntryPoint('./src/presentation/main.ts', config);
+    addWebpackRule('yaml', /\.ya?ml$/, 'js-yaml-loader', config);
+  },
+  configureWebpack: {
+    resolve: {
+      alias: {
+        ...getAliasesFromTsConfig(),
+      },
+      fallback: {
+        /* Tell webpack to ignore polyfilling them because Node core modules are never used
+            for browser code but only for desktop where Electron supports them. */
+        ...ignorePolyfills('os', 'child_process', 'fs', 'path'),
+      },
+    },
+    // Fix compilation failing on macOS when running unit/integration tests
+    externals: ['fsevents'],
+    // Use something other than default source mapper or babel cannot
+    // log stacks like `console.log(new Error().stack)`
+    devtool: 'eval-source-map',
+  },
+  pluginOptions: {
+    // https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/guide.html#native-modules
+    electronBuilder: {
+      mainProcessFile: './src/presentation/electron/main.ts', // https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/configuration.html#webpack-configuration
+      nodeIntegration: true, // required to reach Node.js APIs for environment specific logic
+      // https://www.electron.build/configuration/configuration
+      builderOptions: {
+        publish: [{
+          // https://www.electron.build/configuration/publish#githuboptions
+          // https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/recipes.html#enable-publishing-to-github
+          provider: 'github',
+          vPrefixedTagName: false, // default: true
+          releaseType: 'release', // or "draft" (default), "prerelease"
+        }],
+        mac: { // https://www.electron.build/configuration/mac
+          target: 'dmg',
+        },
+        win: { // https://www.electron.build/configuration/win
+          target: 'nsis',
+        },
+        linux: { // https://www.electron.build/configuration/linux
+          target: 'AppImage',
+        },
+      },
+    },
+  },
+});
+
+function addWebpackRule(name, test, loader, config) {
+  config.module
+    .rule(name)
+    .test(test)
+    .use(loader)
+    .loader(loader)
+    .end();
+}
+
+function changeAppEntryPoint(entryPath, config) {
+  config.entry('app').clear().add(entryPath).end();
+}
+
+function loadVueAppRuntimeVariables() {
+  process.env.VUE_APP_VERSION = packageJson.version;
+  process.env.VUE_APP_NAME = packageJson.name;
+  process.env.VUE_APP_REPOSITORY_URL = packageJson.repository.url;
+  process.env.VUE_APP_HOMEPAGE_URL = packageJson.homepage;
+  process.env.VUE_APP_SLOGAN = packageJson.slogan;
+}
+
+function ignorePolyfills(...moduleNames) {
+  return moduleNames.reduce((obj, module) => {
+    obj[module] = false;
+    return obj;
+  }, {});
+}
+
+function getAliasesFromTsConfig() {
+  const { paths } = tsconfigJson.compilerOptions;
+  return Object.keys(paths).reduce((aliases, pathName) => {
+    const pathFolder = paths[pathName][0];
+    const aliasFolder = pathFolder.substring(0, pathFolder.length - 1); // trim * from end
+    const aliasName = pathName.substring(0, pathName.length - 2); // trim /* from end
+    const aliasPath = resolve(__dirname, aliasFolder);
+    aliases[aliasName] = aliasPath;
+    return aliases;
+  }, {});
+}
+
+function fixMochaBuildWithModules() {
+  /*
+    Workaround for Vue CLI issue during tests breaks projects that rely on ES6 modules and mocha.
+    Setting VUE_CLI_TEST to true prevents the Vue CLI from altering the module transpilation.
+    This fix ensures `npm run build -- --mode test` works successfully.
+    See: https://github.com/vuejs/vue-cli/issues/7417
+  */
+  if (process.env.NODE_ENV === 'test') {
+    process.env.VUE_CLI_TEST = true;
+  }
+}