Merge with Lim add mock data to ui

cms/src/routes/competitive/+page.server.ts

@@ -1,8 +1,16 @@
 
 import {getCompetitiveExams} from "$lib/data/info"
 import type { PageServerLoad } from './$types'
+import type {CalendarEvent} from '$lib/components/CalendarEvent'
 export const load: PageServerLoad = async () => {
     const exams = await getCompetitiveExams() 
-    return {exams}
+    const events:CalendarEvent[]=[]
+    exams.forEach(({id,title,start})=>{
+        const backgroundColor ="#1111EE"
+        const url = "/competitive/"+id
+        events.push({id,title,start,url,backgroundColor})
+    })
+    return {exams,events}
 }
 
+

cms/src/routes/competitive/[id]/+page.server.ts

@@ -0,0 +1,18 @@
+
+import type { PageServerLoad } from './$types'
+import { error } from '@sveltejs/kit'
+import {getQualifyExams} from "$lib/data/info"
+export const load: PageServerLoad = async ({params}) => {
+    const id =  params.id+""
+    const exams = await getQualifyExams()
+    const post = exams.find((q)=>{
+        return q.id===id
+    })
+
+    if(post)
+        return post
+    else
+        throw error(404,{message:"ค้นหาโพสเกี่ยวกับการคัดเลือกไม่พบ"})
+    
+}
+

cms/src/routes/competitive/[id]/+page.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+    import type { PageData } from './$types'
+    export let data: PageData;
+
+</script>
+
+<section class="items-start h-screen flex max-h-1000-px pt-12  bg-blueGray-100">
+
+	<div class="container mx-auto items-start flex flex-wrap px-4">
+		<h2 class="font-semibold text-2xl text-blueGray-600 mb-4">
+			การสอบแข่งขัน {data.id}
+		</h2>
+
+    </div>
+</section>