app_vue2/pages/organization.vue

<template>
  <LayoutContainer>
    <LayoutBannerTop>
      <template v-slot:bloc1>{{entry.name}}</template>
      <template v-slot:bloc2>N°Siret : {{entry.siretNumber}}</template>
      <template v-slot:bloc3>{{entry.description}}</template>
    </LayoutBannerTop>
    <NuxtChild />
  </LayoutContainer>
</template>


<script lang="ts">
  import {computed, defineComponent, useContext, ComputedRef} from '@nuxtjs/composition-api'
  import {QUERY_TYPE} from "~/types/enums";
  import {Organization} from "~/models/Organization/Organization";
  import {queryHelper} from "~/services/store/query";
  import {repositoryHelper} from "~/services/store/repository";
  import {Item, Query} from "@vuex-orm/core";

  export default defineComponent({
    name: 'organization',
    setup() {
      const {store} = useContext()
      const repository = repositoryHelper.getRepository(Organization)
      const query:ComputedRef<Query> = computed(() => repository.query())
      const entry:ComputedRef<Item> = computed(() => {
        return queryHelper.getItem(query.value, store.state.profile.organization.id)
      })
      return {
        entry
      }
    },
    async asyncData({store, $dataProvider}) {
      await $dataProvider.invoke({
        type: QUERY_TYPE.MODEL,
        model: Organization,
        id: store.state.profile.organization.id
      })
    }
  })

</script>