feat(audio): audio system

app/components/LoadingScreen.vue

@@ -2,13 +2,18 @@
 const app = useAppStore();
 const { isReady } = useAssets();
 const { t } = useI18n();
+
+const onClick = () => {
+  if (!isReady.value) return;
+  app.userHasInteracted = true;
+};
 </script>
 
 <template>
   <div
     class="fixed inset-0 bg-[#181818] flex flex-col items-center justify-center gap-4"
     :class="{ 'cursor-pointer': isReady }"
-    @click="isReady && (app.userHasInteracted = true)"
+    @click="onClick"
   >
     <svg
       viewBox="0 0 512 512"