CPage sistemata

src/root/mypage/mypage.ts

@@ -19,14 +19,16 @@ export default defineComponent({
     const { setmeta } = MixinMetaTags()
 
     async function created() {
-      console.log('MyPage created')
       rec.value = await globalStore.loadPage(route.path)
+      // console.log('MyPage created', rec.value)
 
       // console.log('mounted', this.rec)
     }
 
     watch(path, async (to: string, from: string) =>  {
+      // console.log('watch path', path)
       rec.value = await globalStore.loadPage(to)
+      // console.log('path change', rec.value)
     })
 
     function meta() {

src/root/mypage/mypage.vue

@@ -1,42 +1,19 @@
 <template>
-  <div v-if="isfinishLoading">
+  <div v-if="isfinishLoading && !!rec">
     <CMyPage
       :title="rec.title" :imgbackground="`` + rec.imgback"
+      :mypath="rec.path"
       :sizes="`max-height: ` + rec.heightimg + `px`">
-            <span>{{
-                setmeta({
-                  title: rec.title,
-                  description: rec.description,
-                  keywords: rec.keywords,
-                })
-              }}
-            </span>
 
-      <div class="q-ma-sm q-gutter-sm q-pa-xs">
-        <div v-if="!!rec.img1" class="text-center">
-          <q-img :src="rec.img1" class="img"></q-img>
-        </div>
+      <span>{{
+          setmeta({
+            title: rec.title,
+            description: rec.description,
+            keywords: rec.keywords,
+          })
+        }}
+      </span>
 
-        <div v-if="!!rec.content" v-html="rec.content"></div>
-        <q-video v-if="!!rec.video1" :src="rec.video1" :ratio="rec.ratio1">
-        </q-video>
-
-        <div v-if="!!rec.img2" class="text-center">
-          <q-img :src="rec.img2" class="img"></q-img>
-        </div>
-
-        <div v-if="!!rec.content2" v-html="rec.content2"></div>
-        <q-video v-if="!!rec.video2" :src="rec.video2" :ratio="rec.ratio2"></q-video>
-
-        <div v-if="!!rec.img3" class="text-center">
-          <q-img :src="rec.img2" class="img"></q-img>
-        </div>
-
-        <div v-if="!!rec.content3" v-html="rec.content3"></div>
-        <q-video v-if="!!rec.video3" :src="rec.video3" :ratio="rec.ratio3"></q-video>
-        <div v-if="!!rec.content4" v-html="rec.content4"></div>
-
-      </div>
     </CMyPage>
   </div>
 </template>