Fotogalerie se zoomem, uprava verejnych avataru

src/components/profile/ProfileForm.vue

@@ -13,9 +13,6 @@ const props = defineProps({
   }
 });
 const formData = reactive({
-  name: '',
-  publicUsername: '',
-  description: '',
   avatarImage: null,
   titleImage: null,
 });
@@ -59,16 +56,6 @@ watch(() => props.user, (newVal) => {
         <q-icon name="upload"/>
       </template>
     </q-file>
-
-    <q-input v-model="formData.name" label="Jméno" v-bind="commonProps"/>
-    <q-input
-      v-model="formData.publicUsername"
-      label="Veřejné uživatelské jméno"
-      hint="Vyplň jméno pro zpřístupnění záznamů ve veřejné části aplikace"
-      v-bind="commonProps"
-    />
-
-    <RichTextEditor v-model="formData.description" label="Veřejný podpis" />
   </FormWrapper>
 
 </template>

src/components/profile/PublicProfileInfo.vue

@@ -1,7 +1,11 @@
 <script setup>
-import {onMounted} from "vue";
+import {onMounted, reactive, watch} from "vue";
 import {useRoute} from "vue-router";
 import {useUserStore} from "stores/User";
+import {commonProps} from "src/composables/inputs";
+import RichTextEditor from "components/inputs/RichTextEditor.vue";
+import FormWrapper from "components/FormWrapper.vue";
+import {setDefaultData} from "src/composables/form/formHandling";
 
 const props = defineProps({
   user: {
@@ -11,11 +15,14 @@ const props = defineProps({
   }
 })
 
-const username = useRoute().params.username;
-
-onMounted(() => {
-  useUserStore().fetchByUsername(username);
+const formData = reactive({
+  name: '',
+  publicUsername: '',
+  description: '',
 });
+watch(() => props.user, (newVal) => {
+  setDefaultData(formData, props.user)
+}, {immediate: true});
 </script>
 
 <template>
@@ -29,4 +36,16 @@ onMounted(() => {
       <q-icon name="" color="red" /> Nastav si veřejné uživatelské jméno pro zpřístupnění profilu a sdílení záznamů s ostatními
     </q-item>
   </q-list>
+
+  <FormWrapper v-model="formData">
+   <q-input v-model="formData.name" label="Jméno" v-bind="commonProps"/>
+    <q-input
+      v-model="formData.publicUsername"
+      label="Veřejné uživatelské jméno"
+      hint="Vyplň jméno pro zpřístupnění záznamů ve veřejné části aplikace"
+      v-bind="commonProps"
+    />
+
+    <RichTextEditor v-model="formData.description" label="Veřejný podpis" />
+  </FormWrapper>
 </template>