Merge pull request #124 from ecosia/esm

Migrate to ESM fully

jest.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   collectCoverage: true,
   transform: {
     '^.+\\.js$': ['babel-jest', { rootMode: 'upward' }],

package.json

@@ -2,6 +2,7 @@
   "name": "vue-safe-html",
   "version": "2.2.0",
   "description": "A Vue directive which renders sanitised HTML dynamically",
+  "type": "module",
   "main": "dist/main.common.js",
   "module": "dist/main.esm.js",
   "repository": "[email protected]:ecosia/vue-safe-html.git",

webpack.config.js

@@ -1,45 +1,47 @@
-const { resolve } = require('path');
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
 
+const dist = resolve(dirname(fileURLToPath(import.meta.url)), 'dist');
+// eslint-disable-next-line no-underscore-dangle
 const _module = {
-  rules: [
-    {
-      test: /\.js$/,
-      exclude: /node_modules/,
-      use: {
-        loader: 'babel-loader',
-        options: {
-          presets: ['@babel/preset-env'],
-        },
+  rules: [{
+    test: /\.js$/,
+    exclude: /node_modules/,
+    use: {
+      loader: 'babel-loader',
+      options: {
+        presets: ['@babel/preset-env'],
       },
     },
-  ],
+    resolve: {
+      fullySpecified: false,
+    },
+  }],
 };
 
-module.exports = [
-  {
-    entry: './src/index.js',
-    output: {
-      filename: 'main.common.js',
-      path: resolve(__dirname, 'dist'),
-      library: 'VueSafeHTML',
-      libraryTarget: 'commonjs2',
-      globalObject: '(typeof self !== \'undefined\' ? self : this)',
-    },
-    mode: 'production',
-    module: _module,
+export default [{
+  entry: './src/index.js',
+  output: {
+    filename: 'main.common.js',
+    path: dist,
+    library: 'VueSafeHTML',
+    libraryTarget: 'commonjs2',
+    globalObject: '(typeof self !== \'undefined\' ? self : this)',
   },
-  {
-    entry: './src/index.js',
-    output: {
-      filename: 'main.esm.js',
-      path: resolve(__dirname, 'dist'),
-      libraryTarget: 'module',
-      globalObject: '(typeof self !== \'undefined\' ? self : this)',
-    },
-    mode: 'production',
-    experiments: {
-      outputModule: true, // Enable the "experiments.outputModule" option
-    },
-    module: _module,
+  mode: 'production',
+  module: _module,
+},
+{
+  entry: './src/index.js',
+  output: {
+    filename: 'main.esm.js',
+    path: dist,
+    libraryTarget: 'module',
+    globalObject: '(typeof self !== \'undefined\' ? self : this)',
+  },
+  mode: 'production',
+  experiments: {
+    outputModule: true, // Enable the "experiments.outputModule" option
   },
-];
+  module: _module,
+}];