init

2024-05-30 18:06:50 +07:00
parent 8ca31c6b18
commit 2aa5607c48
147 changed files with 5815 additions and 1 deletions
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import _cloneDeep from 'lodash/cloneDeep';
+
+import DynamicTemplate from "~/components/dynamic-page/page/templates/index.vue";
+import DynamicSection from "~/components/dynamic-page/page-section/templates/index.vue";
+
+import { useDynamicPageStore } from '~/stores/dynamic-page';
+const { currentPage, sectionPublished, componentPublished } = storeToRefs(useDynamicPageStore());
+
+const store = reactive({
+  dynamicPage: useDynamicPageStore(),
+});
+
+const loadData = async () => {
+  store.dynamicPage.fetchPageById(1);
+
+  store.dynamicPage.setSectionPublished();
+  store.dynamicPage.setComponentPublished()
+}
+await loadData()
+
+
+</script>
+
+<template>
+  <main class="h-screen" v-if="currentPage">
+    <DynamicTemplate :settings="currentPage.settings">
+      <template v-if="sectionPublished && sectionPublished.length > 0">
+        <DynamicSection
+          v-for="(section, index) in sectionPublished"
+          :key="index"
+          :settings="section.settings"
+          :content="section.content ? JSON.parse(section.content) : null"
+          :section="section"
+        />
+      </template>
+    </DynamicTemplate>
+  </main>
+</template>