feat: prevent arbitrary zooming on mobile devices (#234)

nuxt.config.ts

@@ -69,6 +69,10 @@ export default defineNuxtConfig({
   },
   app: {
     keepalive: true,
+    head: {
+      // Prevent arbitrary zooming on mobile devices
+      viewport: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no',
+    },
   },
   i18n: {
     locales: [

styles/global.css

@@ -123,3 +123,8 @@ html.dark {
 html {
   --at-apply: bg-base text-base;
 }
+
+body {
+  /* Prevent arbitrary zooming on mobile devices */
+  touch-action: pan-x pan-y;
+}