Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2025-12-06 10:10:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update settings page

Browse Source
This commit is contained in:
BlossomiShymae
2024-10-10 10:21:02 -05:00
parent 9cada3b2e1
commit 06f8e33000
1 changed files with 13 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
pages/settings.vue
View File

@@ -1,20 +1,17 @@
<script setup lang="ts">
const { locales, currentLocale, setLocale } = useLocale();
</script>
<template>
<div>
<div class="row">
<h1 class="display-4 mb-4">Settings</h1>
<div class="d-flex flex-column justify-items-stretch gap-1">
<div v-for="(value, key, index) in locales">
<button class="btn border border-1 w-100" :class="{'btn-secondary': currentLocale == key}" @click="setLocale(key)" >
{{ value }}
</button>
</div>
<div class="app-background p-4 rounded">
<div class="d-flex flex-column justify-items-stretch gap-1">
<div v-for="(value, key, index) in locales"
data-aos="fade-right"
data-aos-duration="500">
<button class="btn border border-1 w-100" :class="{'btn-secondary': currentLocale == key}" @click="setLocale(key)" >
{{ value }}
</button>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import useLocale from "../composables/useLocale";
const { locales, currentLocale, setLocale } = useLocale();
</script>
</template>