src/views/registration/Login.vue

-<template>
-  <div>
-    <div class="row">
-      <div class="fourteen wide column">
-        <img class="ui centered small image" :src="logo" />
-        <h2 class="ui center aligned icon header">
-          <div class="content">
-            {{ APPLICATION_NAME }}
-            <div class="sub header">{{ APPLICATION_ABSTRACT }}</div>
-          </div>
-        </h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="six wide column">
-        <h3 class="ui horizontal divider header">CONNEXION</h3>
-
-        <div v-if="form.errors" class="ui warning message">
-          <div class="header">
-            Les informations d'identification sont incorrectes.
-          </div>
-          NB: Seuls les comptes actifs peuvent se connecter.
-        </div>
-
-        <form class="ui form" role="form" type="post" @submit.prevent="login">
-          <div class="ui stacked secondary segment">
-            <div class="six field required">
-              <div class="ui left icon input">
-                <i class="user icon"></i>
-                <input
-                  v-model="username_value"
-                  type="text"
-                  name="username"
-                  placeholder="Utilisateur"
-                />
-              </div>
-            </div>
-            <div class="six field required">
-              <div class="ui left icon input">
-                <i class="lock icon"></i>
-                <input
-                  v-model="password_value"
-                  type="password"
-                  name="password"
-                  placeholder="Mot de passe"
-                />
-              </div>
-            </div>
-            <button class="ui fluid large teal submit button" type="submit">
-              Login
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "Login",
-  data() {
-    return {
-      username_value: null,
-      password_value: null,
-      logged: false,
-      form: {
-        errors: null,
-      },
-    };
-  },
-  computed: {
-    logo() {
-      return this.$store.state.configuration.VUE_APP_LOGO_PATH;
-    },
-    APPLICATION_NAME() {
-      return this.$store.state.configuration.VUE_APP_APPLICATION_NAME;
-    },
-    APPLICATION_ABSTRACT() {
-      return this.$store.state.configuration.VUE_APP_APPLICATION_ABSTRACT;
-    },
-  },
-  methods: {
-    login() {
-      this.$store
-        .dispatch("LOGIN", {
-          username: this.username_value,
-          password: this.password_value,
-        })
-        .then((status) => {
-          if (status === 200) {
-            this.form.errors = null;
-          } else if (status === "error") {
-            this.form.errors = status;
-          }
-        })
-        .catch();
-    },
-  },
-
-  mounted() {
-    if (this.$store.state.user) {
-      this.$store.commit(
-        "DISPLAY_MESSAGE",
-        "Vous êtes déjà connecté, vous allez être redirigé vers la page d'accueil."
-      );
-      setTimeout(() => this.$router.push("/"), 3100);
-    }
-  },
-};
-</script>
\ No newline at end of file

vue.config.js

-const webpack = require('webpack')
-const fs = require('fs')
-const packageJson = fs.readFileSync('./package.json')
-const version = JSON.parse(packageJson).version || 0
+const webpack = require('webpack');
+const fs = require('fs');
+const packageJson = fs.readFileSync('./package.json');
+const version = JSON.parse(packageJson).version || 0;
+
 module.exports = {
-    publicPath: '/geocontrib/',
-    devServer: {
-        proxy: {
-            '^/api': {
-                target: 'https://geocontrib.dev.neogeo.fr/api',
-                ws: true,
-                changeOrigin: true
-            }
-        }
+  publicPath: '/geocontrib/',
+  devServer: {
+    proxy: {
+      '^/api': {
+        target: 'https://geocontrib.dev.neogeo.fr/api',
+        ws: true,
+        changeOrigin: true
+      }
+    }
+  },
+  pwa: {
+    workboxPluginMode: 'InjectManifest',
+    workboxOptions: {
+      swSrc: 'src/service-worker.js',
+      exclude: [
+        /\.map$/, 
+        /config\/config.*\.json$/,
+        /manifest\.json$/ 
+      ],
     },
-    pwa: {
-        workboxPluginMode: 'InjectManifest',
-        workboxOptions: {
-            swSrc: 'src/service-worker.js',
-            exclude: [
-                /\.map$/, 
-                /config\/config.*\.json$/,
-                /manifest\.json$/ 
-            ],
-        },
-        iconPaths: {
-            faviconSVG: null,
-            favicon32: null,
-            favicon16: null,
-            appleTouchIcon: null,
-            maskIcon: null,
-            msTileImage: null,
-          },
-        themeColor: '#1da025'
-      },
-    configureWebpack: {
-        plugins: [
-            new webpack.DefinePlugin({
-                'process.env': {
-                    PACKAGE_VERSION: '"' + version + '"'
-                }
-            })
-        ]
+    iconPaths: {
+      faviconSVG: null,
+      favicon32: null,
+      favicon16: null,
+      appleTouchIcon: null,
+      maskIcon: null,
+      msTileImage: null,
     },
-// the rest of your original module.exports code goes here
-}
+    themeColor: '#1da025'
+  },
+  configureWebpack: {
+    devtool: 'source-map',
+    plugins: [
+      new webpack.DefinePlugin({
+        'process.env': {
+          PACKAGE_VERSION: '"' + version + '"'
+        }
+      })
+    ]
+  },
+  transpileDependencies: [
+    // Add dependencies that use modern JavaScript syntax, based on encountered errors
+    'ol',
+    'color-rgba',
+    'color-parse',
+    '@sentry/browser',
+    '@sentry/core',
+    '@sentry/vue',
+    '@sentry-internal'
+  ]
+};

webpack.config.js

+module.exports = {
+    module: {
+      rules: [
+        {
+          test: /\.js$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'babel-loader'
+          }
+        },
+        {
+          test: /\.vue$/,
+          loader: 'vue-loader'
+        }
+      ]
+    }
+  };
+  
\ No newline at end of file