first commit

2024-09-19 16:06:49 +05:00
commit b686638a39
1664 changed files with 428174 additions and 0 deletions
@@ -0,0 +1,56 @@
+<template>
+		<component
+				v-for="(block, index) in blocks"
+				:key="index"
+				:is="getComponent(block.type)"
+				:block="block"
+		/>
+</template>
+
+<script>
+import {Link} from "@inertiajs/vue3";
+import slugify from "slugify";
+import HeadingBlock from "@/Components/BuilderUi/Pages/Blocks/HeadingBlock.vue";
+import ParagraphBlock from "@/Components/BuilderUi/Pages/Blocks/ParagraphBlock.vue";
+import ClientImageSlider from "@/Components/ClientImageSlider.vue";
+import ImageBlock from "@/Components/BuilderUi/Pages/Blocks/ImageBlock.vue";
+import FileBlock from "@/Components/BuilderUi/Pages/Blocks/FileBlock.vue";
+import PersonBlock from "@/Components/BuilderUi/Pages/Blocks/PersonBlock.vue";
+import StepperBlock from "@/Components/BuilderUi/Pages/Blocks/StepperBlock.vue";
+import VideoBlock from "@/Components/BuilderUi/Pages/Blocks/VideoBlock.vue";
+import PostListBlock from "@/Components/BuilderUi/Pages/Blocks/PostListBlock.vue";
+
+export default {
+	name: "PageTabBuilder",
+	components: {FileBlock, ImageBlock, ClientImageSlider, ParagraphBlock, HeadingBlock, Link, PersonBlock, StepperBlock, VideoBlock, PostListBlock},
+	methods: {
+		getComponent(type) {
+			const componentMap = {
+				heading: 'HeadingBlock',
+				paragraph: 'ParagraphBlock',
+				images: 'ClientImageSlider',
+				image: 'ImageBlock',
+				files: 'FileBlock',
+				person: 'PersonBlock',
+				stepper: 'StepperBlock',
+				video: 'VideoBlock',
+				postsList: 'PostListBlock',
+
+			};
+			return componentMap[type] || null;
+		},
+	},
+
+	props: {
+		blocks: {
+			type: Object,
+		},
+	},
+}
+
+</script>
+
+
+<style scoped>
+
+</style>