chore: migrate to composition API and auth0-spa

nuxt.config.js

@@ -1,7 +1,11 @@
-module.exports = {
-  css: [
-    'vuetify/dist/vuetify.css',
-  ],
+import translations from './translations'
+import numberFormats from './translations/numberFormats'
+
+export default {
+  env: {
+    graphqlApi: process.env.GRAPHQL_API,
+  },
+  mode: 'spa',
   head: {
     link: [
       {rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png'},
@@ -18,21 +22,63 @@ module.exports = {
       {name: 'viewport', content: 'width=device-width, initial-scale=1, user-scalable=no, minimal-ui'}
     ],
   },
-  mode: 'spa',
-  buildModules: [
-    ['@nuxtjs/vuetify', { /* module options */ }]
-  ],
   modules: [
+    'nuxt-i18n',
+    '@nuxtjs/vuetify',
     ['@nuxtjs/moment', { locales: ['sv'], defaultLocale: 'sv' }],
   ],
-  plugins: [
-    {src: '~/plugins/vuetify.js', ssr: false},
-    {src: '~/plugins/graph-routing.js', ssr: false},
-    {src: '~/plugins/app-components.js', ssr: false},
-    {src: '~/plugins/vue-lazyload.js', ssr: false},
-    {src: '~/plugins/vue-numeral-filter.js', ssr: false}
+  i18n: {
+    strategy: 'prefix_and_default',
+    detectBrowserLanguage: {
+      useCookie: true,
+      cookieKey: 'nuxt_i18n_redirected',
+      alwaysRedirect: true,
+      fallbackLocale: 'sv'
+    },
+    locales: [
+      {
+        code: 'en',
+        iso: 'en-US'
+      },
+      {
+        code: 'sv',
+        iso: 'sv-SE'
+      }
+    ],
+    defaultLocale: 'sv',
+    vueI18n: {
+      fallbackLocale: 'sv',
+      messages: translations,
+      numberFormats
+    }
+  },
+  vuetify: {
+    optionsPath: './vuetify.options.js'
+  },
+  css: [
+    'vuetify/dist/vuetify.css',
+    '~/assets/scss/global.scss',
   ],
-  router: {
-    middleware: ['auth']
+  plugins: [
+    '~/plugins/composition',
+    '~/plugins/hooks',
+    '~/plugins/i18n',
+    '~/plugins/vue-numeral-filter.js'
+  ],
+  build: {
+    babel: {
+      presets({ isServer }) {
+        return [
+          [
+            require.resolve('@nuxt/babel-preset-app'),
+            // require.resolve('@nuxt/babel-preset-app-edge'), // For nuxt-edge users
+            {
+              buildTarget: isServer ? 'server' : 'client',
+              corejs: { version: 3 }
+            }
+          ]
+        ]
+      }
+    }
   }
 };