List Files | Just Commands | Repo | Logs

← back | Copy

<!-- BaseLayoutNoAuth.vue - No app bar for auth pages -->
<template>
  <ion-page>
    <ion-content>
      <slot />
    </ion-content>
  </ion-page>
</template>

<script setup lang="ts">
import { onMounted } from "vue";
import { IonContent, IonPage } from "@ionic/vue";

import { usePreferencesStore } from "@/stores/preferences";

const preferences = usePreferencesStore();

preferences.$subscribe((mutation, state) => {
  document.documentElement.classList.toggle("ion-palette-dark", state.darkMode);
});

onMounted(async () => {
  await preferences.getPreferences();

  document.documentElement.classList.toggle(
    "ion-palette-dark",
    preferences.darkMode,
  );
});
</script>