Единая система диалоговых окон на vue-cli при помощи vuex и vue-router

автор вкурсе про новую вичу vue3 телепорт? )))

подгружаемся дальше

автор вкурсе про новую вичу html summary? где не нужно будет js вообще )))

С телепортом я бы пересмотрел подход: https://v3.ru.vuejs.org/ru/guide/teleport.html
Идеальное окно... все через это проходят 😄

Ожидал увидеть что-то подобное как в Quasar:

  const $q = useQuasar()

  $q.dialog({
    component: CustomComponent,
    // props forwarded to your custom component
    componentProps: {
      text: 'something',
      // ...more..props...
    }
  }).onOk(() => {
    console.log('OK')
  }).onCancel(() => {
    console.log('Cancel')
  }).onDismiss(() => {
    console.log('Called on OK or Cancel')
  })

А оказались просто модальные окна.

От такого просто глаза текут

    const backBtn = $store.state.dialog.backBtn;
    const downloadBtn = $store.state.dialog.downloadBtn;
    const leftBtn = $store.state.dialog.leftBtn;
    const rightBtn = $store.state.dialog.rightBtn;

куда делись mapState?

Но ведь это же не верно, хранить ui логику в сторе. Свойство isOpened(active) сайдбара должно быть инкапсулировано в самом компоненте.