conflict-nuxt-4/app/app.vue
2026-02-14 13:06:29 +03:30

40 lines
846 B
Vue
Executable File

<template>
<UApp>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</UApp>
<ConfirmModal />
</template>
<script setup lang="ts">
import { useHead } from "#imports";
import { onMounted } from "vue";
import { composSystemTheme } from "@/composables/composSystemTheme";
// تنظیم تم سیستم
useHead({
script: [
{
innerHTML: `
(function() {
var mode = localStorage.getItem('theme-mode');
if (mode === 'dark') {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
})();
`,
type: "text/javascript",
tagPriority: -1,
},
],
});
const { applyTheme } = composSystemTheme();
onMounted(() => {
applyTheme();
});
</script>
<style></style>