Seekra/frontend
3
3
Fork 0
generated from Seekra/repository-template
Code Issues 9 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

Feat(settings): add renderer for settings configuration #142

Merged
jakob.scheid merged 88 commits from feature/settings-renderer into main 2026-07-28 20:14:50 +02:00
Conversation 12 Commits 88 Files Changed 37
+8 -4
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5101450d59 - Show all commits
src/features/settings/components/Switch.vue
+8 -4
View File
@@ -15,7 +15,7 @@ limitations under the License.
--> -->
<script setup> <script setup>
import { ref } from 'vue'; import { useSettingsStore } from '../stores/settingsStore';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
const { t } = useI18n(); const { t } = useI18n();
@@ -29,15 +29,19 @@ const props = defineProps({
} }
}); });
const enabled = ref(false); const store = useSettingsStore();
const toggle = function toggle () {
store.set(props.path, !store.get(props.path));
};
</script> </script>
<template> <template>
<div class="switch-container" @click="enabled = !enabled"> <div class="switch-container" @click="toggle">
<div> <div>
{{ t(props.setting.i18n) }} {{ t(props.setting.i18n) }}
</div> </div>
<div class="switch-wrapper" :class="{ enabled: enabled }"> <div class="switch-wrapper" :class="{ enabled: store.get(props.path) }">
<div class="switch-point"></div> <div class="switch-point"></div>
</div> </div>
</div> </div>