fix: Consider JS optimizations suggested by Lighthouse (#801)

nuxt.config.ts

@@ -13,6 +13,7 @@ export default defineNuxtConfig({
     '@pinia/nuxt',
     '@nuxtjs/plausible',
     'nuxt-monaco-editor',
+    'nuxt-booster',
   ],
   imports: {
     dirs: ['./stores'],

package.json

@@ -24,6 +24,7 @@
     "lint:js": "eslint --ext .ts,.js,.vue src",
     "lint:style": "stylelint \"./src/**/*.vue\" \"src/**/*.css\"",
     "reinstall": "rm -rf node_modules/ && yarn cache clean && yarn install",
+    "reset": "yarn reinstall && yarn dev",
     "e2e:run": "cypress run",
     "e2e:open": "cypress open"
   },
@@ -46,6 +47,7 @@
     "floating-vue": "^5.2.2",
     "luxon": "^3.4.4",
     "memory-cache": "^0.2.0",
+    "nuxt-booster": "^3.0.15",
     "pinia": "^2.1.7",
     "swiper": "^11.0.7",
     "vue": "^3.4.21",
@@ -56,6 +58,7 @@
   "devDependencies": {
     "@csstools/postcss-global-data": "^2.1.1",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
+    "@nuxtjs/partytown": "^1.5.0",
     "@nuxtjs/plausible": "^0.2.4",
     "@pinia/nuxt": "^0.5.1",
     "@vitejs/plugin-vue": "^5.0.4",

src/components/TheFooter.vue

@@ -4,10 +4,10 @@
       <div class="footer__body">
         <div class="footer__column">
           <img
+            width="134"
             class="footer__logo-aescan"
             alt="æScan logo"
             src="@/assets/logo.svg">
-
           <header class="footer__header">
             <app-tooltip>
               <div class="footer__powered-by">

src/components/TheHeader.vue

@@ -9,6 +9,7 @@
         to="/"
         @click="closeNavigation">
         <img
+          width="134"
           alt="æScan logo"
           src="@/assets/logo.svg">
       </app-link>

src/plugins/sentry.js

@@ -14,7 +14,6 @@ async function lazyLoadSentryIntegrations() {
   }));
 }
 
-
 export default defineNuxtPlugin(({vueApp}) => {
   if (process.server) {
     return