frontend/pdf/print: set type to module in package.json

And switch to esm syntax for the matchingTranslationKeys eslint plugin.

Because there cannot be dashes in an identifier, the rule is now called
'matchingTranslationKeys'.

This might enable us to update vite-plugin-comlink
- #6220
And might help with
- #6038

common/eslint-local-rules/__tests__/matchingTranslationKeys.spec.js

@@ -1,11 +1,9 @@
-import rule from '../matchingTranslationKeys.js'
+import { matchingTranslationKeys } from '../matchingTranslationKeys.js'
 import { RuleTester } from 'eslint'
-import path from 'path'
-import fs from 'fs'
-import utils from 'eslint-plugin-vue/lib/utils/index.js'
 import { describe, it } from 'vitest'
 import localRules from 'eslint-plugin-local-rules'
 import globals from 'globals'
+import utils from 'eslint-plugin-vue/lib/utils/index.js'
 import eslintParser from 'vue-eslint-parser'
 
 RuleTester.describe = describe
@@ -28,7 +26,7 @@ const ruleTester = new RuleTester({
     },
   },
 })
-const ruleInstance = rule(path, utils, fs)
+const ruleInstance = matchingTranslationKeys(utils)
 
 const options = [
   {

common/eslint-local-rules/matchingTranslationKeys.js

@@ -1,5 +1,7 @@
-module.exports = (path, utils, fs) => {
-  const { packageDirectory } = require('./packageDirectory.js')(path, fs)
+import { packageDirectory } from "./packageDirectory.js"
+import path from "path"
+
+export default function createMatchingTranslationKeys(utils) {
 
   /**
    * Convert a file path to our convention for translation key structures

common/eslint-local-rules/packageDirectory.js

@@ -1,5 +1,7 @@
-module.exports = (path, fs) => ({
-  packageDirectory: function (filename) {
+import path from "path";
+import fs from "fs";
+
+export function packageDirectory(filename) {
     const { root } = path.parse(filename)
 
     let directory = filename
@@ -16,5 +18,4 @@ module.exports = (path, fs) => ({
     }
 
     return ''
-  },
-})
+}

frontend/babel.config.js

@@ -1,8 +1,7 @@
-module.exports = {
-  presets: ['@vue/app'],
-  env: {
-    test: {
-      plugins: ['require-context-hook'],
-    },
+// noinspection JSUnusedGlobalSymbols
+export const presets = ['@vue/app']
+export const env = {
+  test: {
+    plugins: ['require-context-hook'],
   },
 }

frontend/eslint-local-rules/index.js

@@ -1,8 +1,6 @@
-const path = require('path')
-const fs = require('fs')
-const utils = require('eslint-plugin-vue/lib/utils/index.js')
-const matchingTranslationKeys = require('../src/common/eslint-local-rules/matchingTranslationKeys.js')
+import utils from 'eslint-plugin-vue/lib/utils/index.js'
+// noinspection ES6UnusedImports
+import createMatchingTranslationKeys from '../../common/eslint-local-rules/matchingTranslationKeys.js'
 
-module.exports = {
-  'matching-translation-keys': matchingTranslationKeys(path, utils, fs),
-}
+// noinspection JSUnusedGlobalSymbols
+export const matchingTranslationKeys = createMatchingTranslationKeys(utils)

frontend/eslint.config.mjs

@@ -77,7 +77,7 @@ export default [
         },
       ],
 
-      'local-rules/matching-translation-keys': [
+      'local-rules/matchingTranslationKeys': [
         'error',
         {
           ignoreKeysRegex:

frontend/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@ecamp3/frontend",
   "private": true,
+  "type": "module",
   "scripts": {
     "serve": "vite --host 0.0.0.0",
     "preview": "vite preview --host 0.0.0.0 --port 3000",

frontend/src/components/print/print-client/generatePdf.js

@@ -1,4 +1,4 @@
-import { prepareInMainThread } from '@/pdf/prepareInMainThread.mjs'
+import { prepareInMainThread } from '@/pdf/prepareInMainThread.js'
 import cloneDeep from 'lodash/cloneDeep.js'
 
 export const generatePdf = async (data) => {

frontend/src/components/print/print-client/renderPdf.js

@@ -1,6 +1,6 @@
 import wrap from './minimalHalJsonVuex.js'
 import createI18n from './i18n.js'
-import { render, prepare } from '@/pdf/pdf.mjs'
+import { render, prepare } from '@/pdf/pdf.js'
 
 export const renderPdf = async ({ config, storeData, translationData }) => {
   const result = {

frontend/vue.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   devServer: {
     useLocalIp: false,
     allowedHosts: ['ecamp3', 'localhost', '127.0.0.1'],

pdf/babel.config.js

@@ -1,8 +1,7 @@
-module.exports = {
-  presets: ['@vue/app'],
-  env: {
-    test: {
-      plugins: ['require-context-hook'],
-    },
+// noinspection JSUnusedGlobalSymbols
+export const presets = ['@vue/app']
+export const env = {
+  test: {
+    plugins: ['require-context-hook'],
   },
 }

pdf/eslint-local-rules/index.js

@@ -1,8 +1,6 @@
-const path = require('path')
-const fs = require('fs')
-const utils = require('eslint-plugin-vue/lib/utils/index.js')
-const matchingTranslationKeys = require('../common/eslint-local-rules/matchingTranslationKeys.js')
+import utils from 'eslint-plugin-vue/lib/utils/index.js'
+// noinspection ES6UnusedImports
+import createMatchingTranslationKeys from '../../common/eslint-local-rules/matchingTranslationKeys.js'
 
-module.exports = {
-  'matching-translation-keys': matchingTranslationKeys(path, utils, fs),
-}
+// noinspection JSUnusedGlobalSymbols
+export const matchingTranslationKeys = createMatchingTranslationKeys(utils)

pdf/eslint.config.mjs

@@ -73,7 +73,7 @@ export default [
         },
       ],
 
-      'local-rules/matching-translation-keys': [
+      'local-rules/matchingTranslationKeys': [
         'error',
         {
           ignoreKeysRegex:

pdf/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@ecamp3/client-pdf",
   "description": "Create pdfs for eCamp, using Vue components",
+  "type": "module",
   "main": "src/index.js",
   "private": true,
   "scripts": {

print/eslint-local-rules/index.js

@@ -1,8 +1,6 @@
-const path = require('path')
-const fs = require('fs')
-const utils = require('eslint-plugin-vue/lib/utils/index.js')
-const matchingTranslationKeys = require('../../common/eslint-local-rules/matchingTranslationKeys.js')
+import utils from 'eslint-plugin-vue/lib/utils/index.js'
+// noinspection ES6UnusedImports
+import createMatchingTranslationKeys from '../../common/eslint-local-rules/matchingTranslationKeys.js'
 
-module.exports = {
-  'matching-translation-keys': matchingTranslationKeys(path, utils, fs),
-}
+// noinspection JSUnusedGlobalSymbols
+export const matchingTranslationKeys = createMatchingTranslationKeys(utils)

print/eslint.config.mjs

@@ -51,7 +51,7 @@ export default [
       'prefer-const': 'error',
       'vue/multi-word-component-names': 'off',
 
-      'local-rules/matching-translation-keys': [
+      'local-rules/matchingTranslationKeys': [
         'error',
         {
           ignoreKeysRegex:

print/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@ecamp3/backend-print",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "nuxt dev",
     "dev-debug": "node --inspect node_modules/.bin/nuxt",