fix: null component

components/dynamic-page/page-component/templates/advertisings/advertisings/index.vue

@@ -31,6 +31,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
   />

components/dynamic-page/page-component/templates/advertisings/index.vue

@@ -30,5 +30,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" />
+  <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" 
+  />
 </template>

components/dynamic-page/page-component/templates/articles/cards/index.vue

@@ -37,5 +37,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" />
+  <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" 
+  />
 </template>

components/dynamic-page/page-component/templates/articles/details/index.vue

@@ -33,5 +33,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" />
+  <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" 
+  />
 </template>

components/dynamic-page/page-component/templates/articles/index.vue

@@ -32,5 +32,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" />
+  <component
+    v-if="definedDynamicComponent[getCurrentComponent]" 
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" 
+  />
 </template>

components/dynamic-page/page-component/templates/categories/categories/index.vue

@@ -31,5 +31,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" />
+  <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
+  />
 </template>

components/dynamic-page/page-component/templates/categories/index.vue

@@ -31,6 +31,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" 
   />

components/dynamic-page/page-component/templates/collections/articles/index.vue

@@ -30,5 +30,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" />
+  <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
+  />
 </template>

components/dynamic-page/page-component/templates/collections/categories/index.vue

@@ -30,6 +30,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
   />

components/dynamic-page/page-component/templates/collections/index.vue

@@ -31,5 +31,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" />
+  <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
+  />
 </template>

components/dynamic-page/page-component/templates/index.vue

@@ -36,5 +36,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" />
+  <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
+  />
 </template>

components/dynamic-page/page-component/templates/navigations/bottoms/index.vue

@@ -32,6 +32,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
   />

components/dynamic-page/page-component/templates/navigations/directions/index.vue

@@ -32,6 +32,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
   />

components/dynamic-page/page-component/templates/navigations/index.vue

@@ -33,7 +33,8 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component 
+  <component
+    v-if="definedDynamicComponent[getCurrentComponent]" 
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
   />

components/dynamic-page/page-component/templates/navigations/tops/index.vue

@@ -32,6 +32,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
   />

components/dynamic-page/page-component/templates/others/index.vue

@@ -30,5 +30,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" />
+  <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" 
+  />
 </template>

components/dynamic-page/page-component/templates/others/stocks/index.vue

@@ -29,6 +29,9 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" />
-</template>
-../stocks/index
+  <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
+    :is="definedDynamicComponent[getCurrentComponent]" 
+    v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" 
+  />
+</template>

components/dynamic-page/page-component/templates/others/weathers/index.vue

@@ -32,6 +32,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" 
   />

components/dynamic-page/page-component/templates/sections/articles/index.vue

@@ -31,6 +31,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" 
   />

components/dynamic-page/page-component/templates/sections/index.vue

@@ -31,6 +31,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicComponent[getCurrentComponent]"
     :is="definedDynamicComponent[getCurrentComponent]" 
     v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" 
   />

components/dynamic-page/page-section/layouts/index.vue

@@ -65,6 +65,7 @@ const GET_PROPS = computed(() => {
 <template>
 
   <component
+    v-if="definedDynamicSection[getCurrentSection]"
     :is="definedDynamicSection[getCurrentSection]"
     v-bind="{
       ...GET_PROPS(),

components/dynamic-page/page-section/templates/articles/index.vue

@@ -33,7 +33,11 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicSection[getCurrentSection]" v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }">
+  <component 
+    v-if="definedDynamicSection[getCurrentSection]"
+    :is="definedDynamicSection[getCurrentSection]" 
+    v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }"
+  >
     <slot />
   </component>
 </template>

components/dynamic-page/page-section/templates/category/index.vue

@@ -34,6 +34,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicSection[getCurrentSection]"
     :is="definedDynamicSection[getCurrentSection]" 
     v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }"
   >

components/dynamic-page/page-section/templates/category/misses/index.vue

@@ -33,7 +33,11 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicSection[getCurrentSection]" v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }">
+  <component 
+    v-if="definedDynamicSection[getCurrentSection]"
+    :is="definedDynamicSection[getCurrentSection]" 
+    v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }"
+  >
     <slot />
   </component>
 </template>

components/dynamic-page/page-section/templates/index.vue

@@ -36,7 +36,7 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicSection[getCurrentSection]" v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }">
+  <component v-if="definedDynamicSection[getCurrentSection]" :is="definedDynamicSection[getCurrentSection]" v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }">
     <slot />
   </component>
 </template>

components/dynamic-page/page-section/templates/none/index.vue

@@ -32,7 +32,11 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicSection[getCurrentSection]" v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }">
+  <component 
+    v-if="definedDynamicSection[getCurrentSection]"
+    :is="definedDynamicSection[getCurrentSection]" 
+    v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }"
+  >
     <slot />
   </component>
 </template>

components/dynamic-page/page-section/templates/sections/index.vue

@@ -34,6 +34,7 @@ const GET_PROPS = computed(() => {
 
 <template>
   <component 
+    v-if="definedDynamicSection[getCurrentSection]"
     :is="definedDynamicSection[getCurrentSection]" 
     v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }"
   >

components/dynamic-page/page-section/templates/sections/misses/index.vue

@@ -33,7 +33,11 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-  <component :is="definedDynamicSection[getCurrentSection]" v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }">
+  <component
+    v-if="definedDynamicSection[getCurrentSection]" 
+    :is="definedDynamicSection[getCurrentSection]" 
+    v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }"
+  >
     <slot />
   </component>
 </template>

components/dynamic-page/page/layouts/index.vue

@@ -44,7 +44,11 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-    <component :is="definedDynamicPageLayout[getCurrentLayout]" v-bind="GET_PROPS()">
+    <component 
+        v-if="definedDynamicPageLayout[getCurrentLayout]"
+        :is="definedDynamicPageLayout[getCurrentLayout]" 
+        v-bind="GET_PROPS()"
+    >
         <slot />
     </component>
 </template>

components/dynamic-page/page/templates/index.vue

@@ -32,7 +32,11 @@ const GET_PROPS = computed(() => {
 </script>
 
 <template>
-    <component :is="definedDynamicPage[getCurrentTemplate] || null" v-bind="{...(GET_PROPS()), settings: _props.settings}">
+    <component 
+        v-if="definedDynamicPage[getCurrentTemplate]" 
+        :is="definedDynamicPage[getCurrentTemplate]" 
+        v-bind="{...(GET_PROPS()), settings: _props.settings}"
+    >
         <slot />
     </component>
 </template>