feat: Implement Code preference type

This commit is contained in:
Jesse Wierzbinski 2024-12-15 15:50:56 +01:00
parent 84c1791396
commit efa81a0c20
No known key found for this signature in database
2 changed files with 53 additions and 1 deletions

View file

@ -3,21 +3,24 @@
<h1 class="scroll-m-20 text-3xl font-extrabold tracking-tight lg:text-4xl capitalize">
{{ page }}
</h1>
<div class="grid grid-cols-1 2xl:grid-cols-2 gap-4 mt-6">
<div class="grid grid-cols-1 gap-4 mt-6">
<template v-for="[id, setting] of settingEntries">
<SwitchPreference v-if="setting.type === SettingType.Boolean" :setting="(setting as BooleanSetting)" @update:setting="updateSetting(id, setting)" />
<SelectPreference v-else-if="setting.type === SettingType.Enum" :setting="(setting as EnumSetting)" @update:setting="updateSetting(id, setting)" />
<CodePreference v-else-if="setting.type === SettingType.Code" :setting="(setting as CodeSetting)" @update:setting="updateSetting(id, setting)" />
</template>
</div>
</div>
</template>
<script lang="ts" setup>
import CodePreference from "~/components/preferences/code.vue";
import SelectPreference from "~/components/preferences/select.vue";
import SwitchPreference from "~/components/preferences/switch.vue";
import * as m from "~/paraglide/messages.js";
import {
type BooleanSetting,
type CodeSetting,
type EnumSetting,
type Setting,
type SettingIds,