toolbar button now change a view

michalm17 · May 12, 2022 · 07481c8 · 07481c8
1 parent 47c3af6
commit 07481c8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
@@ -8,20 +8,22 @@
     </q-header>
 
     <q-page-container>
-      <router-view />
+      <router-view v-if="viewWindow" />
+      <AboutWindow v-else />
     </q-page-container>
     <q-footer reveal:true bordered:true> Abc</q-footer>
   </q-layout>
 </template>
 
 <script>
 import { defineComponent, ref } from "vue";
+import AboutWindow from "src/components/AboutWindow.vue";
 
 const view = "gallery";
 export default defineComponent({
   name: "MainLayout",
 
-  components: {},
+  components: { AboutWindow },
 
   data() {
     return {

diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
@@ -8,8 +8,6 @@
 import { defineComponent } from "vue";
 import GalleryC from "src/components/GalleryC.vue";
 
-import AboutWindow from "../components/AboutWindow.vue";
-
 export default defineComponent({
   name: "IndexPage",
   components: { GalleryC },