start frant 050228

2026-05-18 20:18:28 +03:30
parent 26e59e03e0
commit cb65e5e601
33 changed files with 1493 additions and 425 deletions
@@ -0,0 +1,19 @@
+<template>
+  <button
+    type="button"
+    class="inline-flex h-10 w-10 items-center justify-center rounded-xl border border-border bg-surface-2 text-muted transition hover:text-text"
+    :aria-label="isDark ? 'حالت روشن' : 'حالت تاریک'"
+    @click="toggle"
+  >
+    <span v-if="isDark" aria-hidden="true">☀️</span>
+    <span v-else aria-hidden="true">🌙</span>
+  </button>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useTheme } from '@/composables/useTheme';
+
+const { isDark: mode, toggle } = useTheme();
+const isDark = computed(() => mode.value === 'dark');
+</script>