Merge branch 'develop' into shigusegubu-vue3

* develop: (32 commits)
  Update Font Awesome to v6.1.2
  Update dependency chromedriver to v103
  Update dependency body-scroll-lock to v3
  Update vue monorepo
  Fix poll duration i18n
  Update dependency sass to v1.54.0
  Update dependency @vuelidate/validators to v2.0.0-alpha.31
  Update dependency @vue/test-utils to v2.0.2
  Update dependency @vuelidate/core to v2.0.0-alpha.43
  Fix tests
  Update dependency vue-router to v4.1.2
  Update dependency vue-i18n to v9.2.0-beta.40
  Update Node.js to v16
  Update Font Awesome to v6
  Update babel monorepo to v7.18.9
  Use node 16
  Update Node.js to v18
  Fix non-8bit string export problem
  Update dependency eslint-plugin-import to v2.26.0
  Update babel monorepo
  ...

.gitlab-ci.yml

@@ -1,7 +1,7 @@
 # This file is a template, and might need editing before it works on your project.
 # Official framework image. Look for the different tagged releases at:
 # https://hub.docker.com/r/library/node/tags/
-image: node:12
+image: node:16
 
 stages:
   - lint

.node-version

@@ -1 +1 @@
-7.2.1
+16.16.0

build/webpack.base.conf.js

@@ -30,7 +30,7 @@ module.exports = {
     }
   },
   resolve: {
-    extensions: ['.js', '.jsx', '.vue'],
+    extensions: ['.mjs', '.js', '.jsx', '.vue'],
     modules: [
       path.join(__dirname, '../node_modules')
     ],
@@ -108,6 +108,11 @@ module.exports = {
           }
         }
       },
+      {
+        test: /\.mjs$/,
+        include: /node_modules/,
+        type: 'javascript/auto'
+      }
     ]
   },
   plugins: [
@@ -120,7 +125,7 @@ module.exports = {
     new CopyPlugin({
       patterns: [
         {
-          from: "node_modules/ruffle-mirror/*",
+          from: "node_modules/@ruffle-rs/ruffle/*",
           to: "static/ruffle",
           flatten: true
         },

package.json

@@ -16,16 +16,17 @@
     "lint-fix": "eslint --fix --ext .js,.vue src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
-    "@babel/runtime": "7.17.8",
+    "@babel/runtime": "7.18.9",
     "@chenfengyuan/vue-qrcode": "2.0.0",
-    "@fortawesome/fontawesome-svg-core": "1.3.0",
+    "@fortawesome/fontawesome-svg-core": "6.1.2",
-    "@fortawesome/free-regular-svg-icons": "5.15.4",
+    "@fortawesome/free-regular-svg-icons": "6.1.2",
-    "@fortawesome/free-solid-svg-icons": "5.15.4",
+    "@fortawesome/free-solid-svg-icons": "6.1.2",
-    "@fortawesome/vue-fontawesome": "3.0.0-5",
+    "@fortawesome/vue-fontawesome": "3.0.1",
     "@kazvmoe-infra/pinch-zoom-element": "1.2.0",
-    "@vuelidate/core": "2.0.0-alpha.41",
+    "@ruffle-rs/ruffle": "^0.1.0-nightly.2022.7.12",
-    "@vuelidate/validators": "2.0.0-alpha.27",
+    "@vuelidate/core": "2.0.0-alpha.43",
-    "body-scroll-lock": "2.7.1",
+    "@vuelidate/validators": "2.0.0-alpha.31",
+    "body-scroll-lock": "3.1.5",
     "chromatism": "3.0.0",
     "click-outside-vue3": "4.0.1",
     "cropperjs": "1.5.12",
@@ -37,31 +38,31 @@
     "phoenix": "1.6.2",
     "punycode.js": "2.1.0",
     "qrcode": "1",
-    "ruffle-mirror": "2021.12.31",
+    "utf8": "^3.0.0",
-    "vue": "^3.2.31",
+    "vue": "3.2.37",
-    "vue-i18n": "^9.2.0-beta.34",
+    "vue-i18n": "9.2.0-beta.40",
-    "vue-router": "4.0.14",
+    "vue-router": "4.1.2",
-    "vue-template-compiler": "2.6.11",
+    "vue-template-compiler": "2.7.8",
     "vuex": "4.0.2"
   },
   "devDependencies": {
-    "@babel/core": "7.17.8",
+    "@babel/core": "7.18.9",
-    "@babel/plugin-transform-runtime": "7.17.0",
+    "@babel/plugin-transform-runtime": "7.18.9",
-    "@babel/preset-env": "7.16.11",
+    "@babel/preset-env": "7.18.9",
-    "@babel/register": "7.17.7",
+    "@babel/register": "7.18.9",
     "@intlify/vue-i18n-loader": "^5.0.0",
     "@ungap/event-target": "0.2.3",
     "@vue/babel-helper-vue-jsx-merge-props": "1.2.1",
     "@vue/babel-plugin-jsx": "1.1.1",
-    "@vue/compiler-sfc": "^3.1.0",
+    "@vue/compiler-sfc": "3.2.37",
-    "@vue/test-utils": "2.0.0-rc.17",
+    "@vue/test-utils": "2.0.2",
     "autoprefixer": "6.7.7",
     "babel-eslint": "7.2.3",
-    "babel-loader": "8.2.4",
+    "babel-loader": "8.2.5",
     "babel-plugin-lodash": "3.3.4",
     "chai": "3.5.0",
     "chalk": "1.1.3",
-    "chromedriver": "87.0.7",
+    "chromedriver": "103.0.0",
     "connect-history-api-fallback": "1.6.0",
     "copy-webpack-plugin": "6.4.1",
     "cross-spawn": "4.0.2",
@@ -71,29 +72,29 @@
     "eslint-config-standard": "12.0.0",
     "eslint-friendly-formatter": "2.0.7",
     "eslint-loader": "2.2.1",
-    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-import": "2.26.0",
     "eslint-plugin-node": "7.0.1",
     "eslint-plugin-promise": "4.3.1",
     "eslint-plugin-standard": "4.1.0",
     "eslint-plugin-vue": "5.2.3",
     "eventsource-polyfill": "0.9.6",
-    "express": "4.17.3",
+    "express": "4.18.1",
     "file-loader": "3.0.1",
     "function-bind": "1.1.1",
     "html-webpack-plugin": "3.2.0",
     "http-proxy-middleware": "0.21.0",
     "inject-loader": "2.0.1",
-    "iso-639-1": "2.1.13",
+    "iso-639-1": "2.1.15",
     "isparta-loader": "2.0.0",
     "json-loader": "0.5.7",
-    "karma": "6.3.17",
+    "karma": "6.4.0",
     "karma-coverage": "1.1.2",
     "karma-firefox-launcher": "1.3.0",
     "karma-mocha": "2.0.1",
     "karma-mocha-reporter": "2.2.5",
     "karma-sinon-chai": "2.0.2",
     "karma-sourcemap-loader": "0.3.8",
-    "karma-spec-reporter": "0.0.33",
+    "karma-spec-reporter": "0.0.34",
     "karma-webpack": "4.0.2",
     "lodash": "4.17.21",
     "lolex": "1.6.0",
@@ -104,23 +105,23 @@
     "ora": "0.4.1",
     "postcss-loader": "3.0.0",
     "raw-loader": "0.5.1",
-    "sass": "1.20.1",
+    "sass": "1.54.0",
-    "sass-loader": "7.2.0",
+    "sass-loader": "7.3.1",
     "selenium-server": "2.53.1",
     "semver": "5.7.1",
     "serviceworker-webpack-plugin": "1.0.1",
     "shelljs": "0.8.5",
     "sinon": "2.4.1",
     "sinon-chai": "2.14.0",
-    "stylelint": "13.6.1",
+    "stylelint": "13.13.1",
     "stylelint-config-standard": "20.0.0",
     "stylelint-rscss": "0.4.0",
     "url-loader": "1.1.2",
     "vue-loader": "^16.0.0",
-    "vue-style-loader": "4.1.2",
+    "vue-style-loader": "4.1.3",
     "webpack": "4.46.0",
     "webpack-dev-middleware": "3.7.3",
-    "webpack-hot-middleware": "2.24.3",
+    "webpack-hot-middleware": "2.25.1",
     "webpack-merge": "0.20.0"
   },
   "engines": {

src/components/poll/poll_form.vue

@@ -84,7 +84,7 @@
             :key="unit"
             :value="unit"
           >
-            {{ $t(`time.${unit}_short`, ['']) }}
+            {{ $tc(`time.unit.${unit}_short`, expiryAmount, ['']) }}
           </option>
         </Select>
       </div>

src/services/export_import/export_import.js

@@ -1,9 +1,11 @@
+import utf8 from 'utf8'
+
 export const newExporter = ({
   filename = 'data',
   getExportedObject
 }) => ({
   exportData () {
-    const stringified = JSON.stringify(getExportedObject(), null, 2) // Pretty-print and indent with 2 spaces
+    const stringified = utf8.encode(JSON.stringify(getExportedObject(), null, 2)) // Pretty-print and indent with 2 spaces
 
     // Create an invisible link with a data url and simulate a click
     const e = document.createElement('a')