evilSpins v1

app/app.vue

@@ -14,7 +14,6 @@ import { watch, computed } from 'vue'
 
 const ui = useUiStore()
 const player = usePlayerStore()
-const { $isMobile } = useNuxtApp()
 useHead({
   bodyAttrs: {
     class: 'bg-slate-100'
@@ -45,7 +44,7 @@ const selectedBoxId = computed(() => ui.getSelectedBox?.id)
 watch(
   () => selectedBoxId.value,
   (id) => {
-    if (process.client) {
+    if (import.meta.client) {
       if (!id) {
         // Back to root path without navigation to preserve UI state/animations
         if (location.pathname.startsWith('/box/')) {
@@ -53,7 +52,9 @@ watch(
         }
         return
       }
-      const currentId = location.pathname.startsWith('/box/') ? location.pathname.split('/').pop() : null
+      const currentId = location.pathname.startsWith('/box/')
+        ? location.pathname.split('/').pop()
+        : null
       if (currentId === id) return
       requestAnimationFrame(() => {
         history.replaceState(null, '', `/box/${id}`)
@@ -67,14 +68,23 @@ watch(
 <style>
 button,
 input {
-  @apply px-4 py-2 m-4 rounded-md text-center font-bold
+  @apply px-4 py-2 m-4 rounded-md text-center font-bold;
 }
 
 button {
-  @apply bg-esyellow text-slate-700;
+  /* @apply bg-esyellow text-slate-700; */
 }
 
-input[type="email"] {
+input[type='email'] {
   @apply bg-slate-900 text-esyellow;
 }
-</style>
+
+* {
+  user-select: none;
+}
+
+img {
+  user-drag: none;
+  user-select: none;
+}
+</style>