Как можно использовать vue 3 hooks в main.ts?

Question

[gifon]

Здравствуйте, я в примерах для vue 2 (для пре-рендеринга) часто используют событие
как

new Vue({
  el: '#app',
  router,
  render: h => h(App),
  mounted () {
    document.dispatchEvent(new Event('render-event'))
  }
})

https://github.com/chrisvfritz/prerender-spa-plugi...
Но как я могу сделать такое же событие на vue 3 + ts правильно)?

Answer 1

[Alex]

Та примерно так же

https://v3.vuejs.org/guide/instance.html#lifecycle...

Comments

[gifon]

Спасибо, простите за вероятною глупость), но насколько я понял код в виде

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

createApp(App).use(store).use(router).mount("#app");

createApp({
  mounted() {
    document.dispatchEvent(new Event("render-event"));
  },
});

создаст два экземпляра vue,
не будет ли правильнее поместить dispatchEvent в app.mounted

const app = createApp(App).use(store).use(router);
app.mounted(){document.dispatchEvent(new Event("render-event"))}
app.mount("#app");

Просто я очень новичок в структуре vue и хотелось бы научится делать правильно (❁´◡`❁)

[Alex]

gifon, Вам ваш document.dispatchEvent нужно засунуть в компонент App