chore: upgrade to node v18 and some dep

.eslintrc.js

@@ -3,18 +3,21 @@ module.exports = {
     env: {
         browser: true,
         node: true,
+        'jest/globals': true,
     },
     parserOptions: {
-        parser: 'babel-eslint',
+        requireConfigFile: false,
+        parser: '@babel/eslint-parser',
     },
     extends: [
-        '@nuxtjs',
+        '@nuxtjs/eslint-config',
         'prettier',
-        'prettier/vue',
         'plugin:prettier/recommended',
         'plugin:nuxt/recommended',
     ],
-    plugins: ['prettier'],
+    plugins: ['prettier', 'jest'],
     // add your custom rules here
-    rules: {},
+    rules: {
+        'vue/multi-word-component-names': 'off',
+    },
 }

.github/workflows/ci.yml

@@ -11,36 +11,40 @@ on:
             - master
 
 jobs:
-    ci:
-        runs-on: ${{ matrix.os }}
-
-        strategy:
-            matrix:
-                os: [ ubuntu-latest ]
-                node: [ 14 ]
-
+    build:
+        name: ⚙️ Build
+        runs-on: ubuntu-latest
         steps:
+            -   name: 🛑 Cancel Previous Runs
+                uses: styfle/cancel-workflow-action@0.11.0
+
             -   name: Checkout 🛎
                 uses: actions/checkout@master
 
-            -   name: Setup node env 🏗
-                uses: actions/setup-node@v2.1.2
+            -   name: ⎔ Setup node 🏗
+                uses: actions/setup-node@v3
                 with:
-                    node-version: ${{ matrix.node }}
+                    node-version-file: ".nvmrc"
+                    cache: "yarn"
+
+            -   name: Get yarn cache directory path
+                id: yarn-cache-dir-path
+                run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
 
             -   name: Cache node_modules 📦
-                uses: actions/cache@v2
+                uses: actions/cache@v3
+                id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
                 with:
-                    path: ~/.npm
-                    key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+                    path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+                    key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
                     restore-keys: |
-                        ${{ runner.os }}-node-
+                        ${{ runner.os }}-yarn-e-
 
-            -   name: Install dependencies 👨🏻‍💻
-                run: npm ci
+            -   name: Install deps 👨🏻‍💻
+                run: yarn --frozen-lockfile
 
             -   name: Run linter 👀
-                run: npm run lint
+                run: yarn lint
 
             -   name: Run tests 🧪
-                run: npm run test
+                run: yarn test

.nvmrc

@@ -0,0 +1 @@
+v18.16.0

components/bulletins/BulletinCardCollection.vue

@@ -19,9 +19,9 @@
 </template>
 
 <script>
-import { landingBulletinsConfig } from '@/configs/pageLanding'
 import BulletinCard from './BulletinCard.vue'
 import i18n from './BulletinCard.i18n'
+import { landingBulletinsConfig } from '@/configs/pageLanding'
 
 export default {
     i18n,

components/core/buttons/TextButton.vue

@@ -186,7 +186,8 @@ export default {
 .core-button.--bordered {
     & > a {
         @apply z-10 text-primary-100;
-        background: linear-gradient(#121023, #121023) padding-box,
+        background:
+            linear-gradient(#121023, #121023) padding-box,
             linear-gradient(
                     276.15deg,
                     #61c8a4 0.74%,
@@ -243,7 +244,8 @@ export default {
     @apply z-20 opacity-0;
     border-radius: inherit;
     content: '';
-    background: linear-gradient(#121023, #121023) padding-box,
+    background:
+        linear-gradient(#121023, #121023) padding-box,
         linear-gradient(
                 96.26deg,
                 #5fbeab 5.5%,

components/core/footer/FooterHistory.vue

@@ -21,9 +21,9 @@
 </template>
 
 <script>
+import i18n from './Footer.i18n'
 import { landingFooterHistoryConfig } from '@/configs/pageLanding'
 import ExtLink from '@/components/core/links/ExtLink'
-import i18n from './Footer.i18n'
 
 export default {
     i18n,

components/core/header/nav-bar/NavBar.vue

@@ -73,10 +73,10 @@
 </template>
 
 <script>
-import navBarItems from '@/components/core/header/nav-bar/nav-bar-items'
-import { ExtLink, LocaleLink } from '@/components/core/links'
 import NavBarItemDropdown from './NavBarItemDropdown'
 import i18n from './NavBar.i18n'
+import navBarItems from '@/components/core/header/nav-bar/nav-bar-items'
+import { ExtLink, LocaleLink } from '@/components/core/links'
 
 export default {
     i18n,

components/core/header/nav-bar/NavBarHamburger.vue

@@ -91,11 +91,11 @@
 </template>
 
 <script>
+import i18n from './NavBar.i18n'
+import navBarItems from './nav-bar-items'
 import IconHamburgerMenuIcon from '@/components/core/icons/IconHamburgerMenuIcon'
 import NavBarItemAccordion from '@/components/core/header/nav-bar/NavBarItemAccordion'
 import { ExtLink, LocaleLink } from '@/components/core/links'
-import i18n from './NavBar.i18n'
-import navBarItems from './nav-bar-items'
 
 export default {
     i18n,

components/core/links/LocaleLink.vue

@@ -60,10 +60,6 @@ export default {
     @apply text-primary-500;
 }
 
-.underline {
-    @apply underline;
-}
-
 .core-localeLink:not(.highlight):not(.--customized) {
     @apply text-pink-700;
 }

components/core/markdown/MarkdownRenderer.vue

@@ -44,7 +44,11 @@ export default {
 }
 .markdown code {
     @apply rounded-md px-1 py-0.5;
-    font-family: Source Sans Pro, -apple-system, Roboto, Helvetica Neue,
+    font-family:
+        Source Sans Pro,
+        -apple-system,
+        Roboto,
+        Helvetica Neue,
         sans-serif !important;
     background-color: rgba(110, 118, 129, 0.4);
 }

components/events/RelatedCardCollection.vue

@@ -37,9 +37,9 @@
 </template>
 
 <script>
+import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
 import i18n from '@/i18n/conference/speeches.i18n'
 import SpeechCard from '@/components/events/SpeechCard'
-import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
 export default {
     i18n,
     name: 'RelatedCardCollection',

jest.config.js

@@ -4,10 +4,11 @@ module.exports = {
         '^~/(.*)$': '<rootDir>/$1',
         '^vue$': 'vue/dist/vue.common.js',
     },
+    testEnvironment: 'jsdom',
     moduleFileExtensions: ['js', 'vue', 'json'],
     transform: {
         '^.+\\.js$': 'babel-jest',
-        '.*\\.(vue)$': 'vue-jest',
+        '.*\\.(vue)$': '@vue/vue2-jest',
     },
     collectCoverage: true,
     collectCoverageFrom: [

nuxt.config.js

@@ -86,20 +86,8 @@ export default {
                 keepDefaultRouter: true,
             },
         ],
-    ],
-
-    // Modules (https://go.nuxtjs.dev/config-modules)
-    modules: [
-        // https://go.nuxtjs.dev/axios
-        '@nuxt/http',
-        // https://github.com/nuxt-community/gtm-module
-        '@nuxtjs/gtm',
-        // https://github.com/WilliamDASILVA/nuxt-facebook-pixel-module
-        'nuxt-facebook-pixel-module',
-        // https://i18n.nuxtjs.org/
-        'nuxt-i18n',
         [
-            'nuxt-fontawesome',
+            '@nuxtjs/fontawesome',
             {
                 component: 'fa',
                 imports: [
@@ -118,6 +106,18 @@ export default {
                 ],
             },
         ],
+    ],
+
+    // Modules (https://go.nuxtjs.dev/config-modules)
+    modules: [
+        // https://go.nuxtjs.dev/axios
+        '@nuxt/http',
+        // https://github.com/nuxt-community/gtm-module
+        '@nuxtjs/gtm',
+        // https://github.com/WilliamDASILVA/nuxt-facebook-pixel-module
+        'nuxt-facebook-pixel-module',
+        // https://i18n.nuxtjs.org/
+        '@nuxtjs/i18n',
         // https://github.com/nuxt-community/markdownit-module
         '@nuxtjs/markdownit',
         // https://sitemap.nuxtjs.org/