Webpage Editor functionality

src/root/mypage/mypage.ts

@@ -3,11 +3,11 @@ import { defineComponent, ref, onMounted, watch, computed } from 'vue'
 import { useGlobalStore } from '@store/globalStore'
 import { useRoute } from 'vue-router'
 import MixinMetaTags from '@/mixins/mixin-metatags'
-import { CMyPage } from '@/components/CMyPage'
+import { CMyPageElem } from '@/components/CMyPageElem'
 
 export default defineComponent({
   name: 'Mypage',
-  components: { CMyPage },
+  components: { CMyPageElem },
   setup() {
     const rec = ref({})
     const globalStore = useGlobalStore()

src/root/mypage/mypage.vue

@@ -1,6 +1,7 @@
 <template>
   <div v-if="isfinishLoading && !!rec">
-    <CMyPage
+    <CMyPageElem
+      v-if="rec.path"
       :title="rec.title" :imgbackground="`` + rec.imgback"
       :mypath="rec.path"
       :sizes="`max-height: ` + rec.heightimg + `px`">
@@ -14,7 +15,7 @@
         }}
       </span>
 
-    </CMyPage>
+    </CMyPageElem>
   </div>
 </template>
 <script lang="ts" src="./mypage.ts">