SearchModule.vue

<template>
  <div>
    <router-view v-if="moduleIsReady" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue-demi";
import { SearchI18nMessages } from "./i18n";

// import the store for current module
import { useSearchStore } from "./store";
// import the main store
import { useMainStore } from "@/store/index";

export default defineComponent({
  setup() {
    const mainStore = useMainStore();
    const searchStore = useSearchStore();

    return { mainStore, searchStore };
  },
  i18n: { messages: SearchI18nMessages },

  created() {
    this.initialize();
  },

  computed: {
    moduleIsReady(): boolean {
      return true;
    },
  },

  methods: {
    async initialize() {
      // do initialization stuff (e.g. API calls, element loading, etc.)
      // ...
      this.searchStore.retrieveSearchResults();
    },
  },
});
</script>