Hello from MCP server
<template>
<BaseLayout title="Settings">
<ion-grid :fixed="true">
<ion-row>
<ion-col>Settings</ion-col>
</ion-row>
<ion-row>
<ion-col> </ion-col>
</ion-row>
</ion-grid>
</BaseLayout>
</template>
<script setup lang="ts">
import { onMounted } from "vue";
import { Preferences } from "@capacitor/preferences";
import BaseLayout from "@/components/BaseLayout.vue";
import { getPreferences } from "@/dataAccess/getPreferences";
import { IonGrid, IonRow, IonCol } from "@ionic/vue";
async function setPreferences() {
await Preferences.set({ key: "preferDarkmode", value: String(true) });
const preferDarkmode = await Preferences.get({ key: "preferDarkmode" });
}
onMounted(async () => {
const { preferences } = await getPreferences();
});
</script>
<style scoped></style>