rudeshark.net/packages/client/src/pages/settings/deck.vue
2023-04-07 17:01:42 -07:00

47 lines
1.4 KiB
Vue

<template>
<div class="_formRoot">
<FormSwitch v-model="navWindow"
>{{ i18n.ts.defaultNavigationBehaviour }}:
{{ i18n.ts.openInWindow }}</FormSwitch
>
<FormSwitch v-model="alwaysShowMainColumn" class="_formBlock">{{
i18n.ts._deck.alwaysShowMainColumn
}}</FormSwitch>
<FormRadios v-model="columnAlign" class="_formBlock">
<template #label>{{ i18n.ts._deck.columnAlign }}</template>
<option value="left">{{ i18n.ts.left }}</option>
<option value="center">{{ i18n.ts.center }}</option>
</FormRadios>
</div>
</template>
<script lang="ts" setup>
import { computed, watch } from "vue";
import FormSwitch from "@/components/form/switch.vue";
import FormLink from "@/components/form/link.vue";
import FormRadios from "@/components/form/radios.vue";
import FormInput from "@/components/form/input.vue";
import { deckStore } from "@/ui/deck/deck-store";
import * as os from "@/os";
import { unisonReload } from "@/scripts/unison-reload";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
const navWindow = computed(deckStore.makeGetterSetter("navWindow"));
const alwaysShowMainColumn = computed(
deckStore.makeGetterSetter("alwaysShowMainColumn")
);
const columnAlign = computed(deckStore.makeGetterSetter("columnAlign"));
const headerActions = $computed(() => []);
const headerTabs = $computed(() => []);
definePageMetadata({
title: i18n.ts.deck,
icon: "ph-layout ph-bold ph-lg",
});
</script>