_id.vue 814 B

1234567891011121314151617181920212223242526272829
  1. <!-- Page de détails d'une adresse postale -->
  2. <template>
  3. <main>
  4. <v-skeleton-loader
  5. v-if="fetchState.pending"
  6. type="text"
  7. />
  8. <FormOrganizationAddress :id="id" v-else></FormOrganizationAddress>
  9. </main>
  10. </template>
  11. <script lang="ts">
  12. import {defineComponent, useContext} from '@nuxtjs/composition-api'
  13. import { OrganizationAddressPostal } from '~/models/Organization/OrganizationAddressPostal'
  14. import {useDataUtils} from "~/composables/data/useDataUtils";
  15. export default defineComponent({
  16. name: 'EditOrganizationAddressEdit',
  17. setup () {
  18. const {$dataProvider, route} = useContext()
  19. const {getItemToEdit} = useDataUtils($dataProvider)
  20. const {id, fetchState} = getItemToEdit(route, OrganizationAddressPostal)
  21. return {
  22. id,
  23. fetchState
  24. }
  25. }
  26. })
  27. </script>