скрытие магазина

resources/js/Pages/Landing/Components/Tweaks.vue

@@ -1,73 +0,0 @@
-<script setup>
-import { onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
-
-const props = defineProps({ tweaks: { type: Object, default: () => ({}) } });
-const open = ref(false);
-const state = reactive({
-    variant: 'forest',
-    particles: true,
-    moon: true,
-    ...props.tweaks,
-    ...readStoredTweaks(),
-});
-
-function readStoredTweaks() {
-    try {
-        return JSON.parse(localStorage.getItem('moonwell.tweaks') || '{}');
-    } catch {
-        return {};
-    }
-}
-
-function applyTweaks() {
-    document.body.dataset.variant = state.variant;
-    document.body.dataset.particles = state.particles ? 'true' : 'false';
-    document.body.dataset.moon = state.moon ? 'true' : 'false';
-}
-
-const onKey = (event) => {
-    if (event.key === '`' || (event.altKey && event.key.toLowerCase() === 't')) {
-        open.value = !open.value;
-    }
-};
-
-onMounted(() => {
-    applyTweaks();
-    window.addEventListener('keydown', onKey);
-});
-onBeforeUnmount(() => window.removeEventListener('keydown', onKey));
-
-watch(state, () => {
-    applyTweaks();
-    try {
-        localStorage.setItem('moonwell.tweaks', JSON.stringify(state));
-    } catch {
-        // Appearance preferences are non-critical.
-    }
-}, { deep: true });
-</script>
-
-<template>
-    <button class="tweaks-fab" aria-label="Tweaks" title="Настройки внешнего вида (alt+T)" @click="open = !open">✦</button>
-    <div :class="['tweaks', { open }]">
-        <div class="tweaks-title">
-            <span>Tweaks</span>
-            <button aria-label="Close" @click="open = false">×</button>
-        </div>
-        <div class="tweak-row">
-            <label>Настроение</label>
-            <div class="tweak-seg">
-                <button :class="{ active: state.variant === 'forest' }" @click="state.variant = 'forest'">Лес</button>
-                <button :class="{ active: state.variant === 'temple' }" @click="state.variant = 'temple'">Храм</button>
-            </div>
-        </div>
-        <div class="tweak-row">
-            <label>Частицы и анимации</label>
-            <div :class="['tweak-switch', { on: state.particles }]" role="switch" :aria-checked="state.particles" @click="state.particles = !state.particles"></div>
-        </div>
-        <div class="tweak-row">
-            <label>Луна на фоне</label>
-            <div :class="['tweak-switch', { on: state.moon }]" role="switch" :aria-checked="state.moon" @click="state.moon = !state.moon"></div>
-        </div>
-    </div>
-</template>

resources/js/Pages/Landing/Main.vue

@@ -10,14 +10,12 @@ import Join from './Components/Join.vue';
 import Nav from './Components/Nav.vue';
 import News from './Components/News.vue';
 import Realm from './Components/Realm.vue';
-import Tweaks from './Components/Tweaks.vue';
 
 const props = defineProps({
     realm: { type: Object, required: true },
     playUrl: { type: String, required: true },
     posts: { type: Array, default: () => [] },
     newsIndexUrl: { type: String, required: true },
-    tweaks: { type: Object, default: () => ({}) },
     registerEndpoint: { type: String, required: true },
     legalUrls: { type: Object, required: true },
     csrfToken: { type: String, required: true },
@@ -65,5 +63,4 @@ onBeforeUnmount(() => revealObserver?.disconnect());
     <Join :register-endpoint="registerEndpoint" :csrf-token="csrfToken" :invite-required="inviteRequired" :auth="auth" :flash="flash" :legal-urls="legalUrls" />
     <News :posts="posts" :index-url="newsIndexUrl" />
     <Footer :play-url="playUrl" :legal-urls="legalUrls" />
-    <Tweaks :tweaks="tweaks" />
 </template>