more work on settings

vue3/src/components/settings/MealPlanSettings.vue

@@ -0,0 +1,21 @@
+<template>
+    <v-form>
+        <p class="text-h6">{{ $t('Cosmetic') }}</p>
+        <v-divider class="mb-3"></v-divider>
+
+
+        <v-btn class="mt-3" color="success" @click="useUserPreferenceStore().updateUserSettings()" prepend-icon="$save">{{$t('Save')}}</v-btn>
+    </v-form>
+</template>
+
+
+<script setup lang="ts">
+
+
+
+import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
+</script>
+
+<style scoped>
+
+</style>

vue3/src/components/settings/ShoppingSettings.vue

@@ -0,0 +1,21 @@
+<template>
+    <v-form>
+        <p class="text-h6">{{ $t('Cosmetic') }}</p>
+        <v-divider class="mb-3"></v-divider>
+
+
+        <v-btn class="mt-3" color="success" @click="useUserPreferenceStore().updateUserSettings()" prepend-icon="$save">{{$t('Save')}}</v-btn>
+    </v-form>
+</template>
+
+
+<script setup lang="ts">
+
+
+
+import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
+</script>
+
+<style scoped>
+
+</style>

vue3/src/components/settings/SpaceMemberSettings.vue

@@ -0,0 +1,21 @@
+<template>
+    <v-form>
+        <p class="text-h6">{{ $t('Cosmetic') }}</p>
+        <v-divider class="mb-3"></v-divider>
+
+
+        <v-btn class="mt-3" color="success" @click="useUserPreferenceStore().updateUserSettings()" prepend-icon="$save">{{$t('Save')}}</v-btn>
+    </v-form>
+</template>
+
+
+<script setup lang="ts">
+
+
+
+import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
+</script>
+
+<style scoped>
+
+</style>

vue3/src/components/settings/SpaceSettings.vue

@@ -0,0 +1,21 @@
+<template>
+    <v-form>
+        <p class="text-h6">{{ $t('Cosmetic') }}</p>
+        <v-divider class="mb-3"></v-divider>
+
+
+        <v-btn class="mt-3" color="success" @click="useUserPreferenceStore().updateUserSettings()" prepend-icon="$save">{{$t('Save')}}</v-btn>
+    </v-form>
+</template>
+
+
+<script setup lang="ts">
+
+
+
+import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
+</script>
+
+<style scoped>
+
+</style>

vue3/src/components/settings/UserSpaceSettings.vue

@@ -0,0 +1,39 @@
+<template>
+
+
+    <v-row>
+        <v-col cols="12"></v-col>
+    </v-row>
+
+    <v-row>
+        <v-col cols="3" v-for="us in userSpaces">
+            <v-card>
+                <v-card-title>{{us.space}}</v-card-title>
+            </v-card>
+        </v-col>
+    </v-row>
+</template>
+
+
+<script setup lang="ts">
+
+import {onMounted, ref} from "vue";
+import {ApiApi, UserSpace} from "@/openapi";
+import {ErrorMessageType, useMessageStore} from "@/stores/MessageStore";
+
+const userSpaces = ref([] as UserSpace[])
+
+onMounted(() => {
+    const api = new ApiApi()
+
+    api.apiUserSpaceList().then(r => {
+        userSpaces.value = r.results
+    }).catch(err => {
+        useMessageStore().addError(ErrorMessageType.FETCH_ERROR, err)
+    })
+})
+</script>
+
+<style scoped>
+
+</style>