before delete 3software

src/pages/CompanyYourPage.vue

@@ -1,39 +1,46 @@
 <template>
-  <pn-page-card>
-    <template #title>
-      <div class="flex items-center justify-between col-grow">
-        <div>
-          {{$t('Your_company__title_card')}}
-        </div>
-        <q-btn
-          v-if="(Object.keys(companyMod).length !== 0)"
-          @click = "addCompany(companyMod)"
-          flat round
-          icon="mdi-check"
-        />
-      </div>
-    </template>
-    <pn-scroll-list>
-      <company-info-block v-model="companyMod"/>
-    </pn-scroll-list>
-  </pn-page-card>
+  <company-block
+    v-if="companyMod"
+    v-model="companyMod"
+    title="account_company__title_card"
+    btnText="account_company__btn"
+    @update="updateMyCompany"
+  />
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue'
+  import { ref, onMounted } from 'vue'
   import { useRouter } from 'vue-router'
-  import companyInfoBlock from 'src/components/companyInfoBlock.vue'
-  import { useCompaniesStore } from 'stores/companies'
-  import type { Company } from 'src/types'
+  import companyBlock from 'components/companyBlock.vue'
+  import { useAuthStore } from 'stores/auth'
+  import type { CompanyParams } from 'types/Company'
 
   const router = useRouter()
-  const companiesStore = useCompaniesStore()
+  const authStore = useAuthStore()
 
-  const companyMod = ref(<Company>{})
+  const companyMod = ref<CompanyParams | null>(null)
   
-  function addCompany (data: Company) {
-    companiesStore.addCompany(data)
-    router.go(-1)
+  async function updateMyCompany () {
+    if (companyMod.value) {
+      await authStore.updateMyCompany(companyMod.value)
+      router.go(-1)
+    }
   }
 
+  onMounted(() => {
+    if (authStore.customer?.company) {
+      companyMod.value = authStore.customer?.company as CompanyParams
+    } else {
+      companyMod.value = {
+        name: '',
+        logo: '',
+        description: '',
+        site: '',
+        address: '',
+        phone: '',
+        email: ''
+      }
+    }
+  })
+
 </script>