feat: migrate questions

.gitignore

@@ -33,3 +33,4 @@ tests-examples
 !/editor/readonly-editor.tsx
 !/editor/renderer/renderer.ts
 !/editor/renderer/index.tsx
+/.astro

src/components/Guide/GuideContent.astro

@@ -10,11 +10,11 @@ interface Props {
 
 const { guide } = Astro.props;
 
-const allHeadings = guide.getHeadings();
+const { headings: allHeadings, Content } = await guide.render();
 const tableOfContent = getGuideTableOfContent(allHeadings);
 
 const showTableOfContent = tableOfContent.length > 0;
-const { frontmatter: guideFrontmatter, author } = guide;
+const { data: guideFrontmatter, author } = guide;
 ---
 
 <article class='lg:grid lg:max-w-full lg:grid-cols-[1fr_minmax(0,700px)_1fr]'>
@@ -44,11 +44,11 @@ const { frontmatter: guideFrontmatter, author } = guide;
           class='inline-flex items-center font-medium underline-offset-2 hover:text-gray-600 hover:underline'
         >
           <img
-            alt={author.frontmatter.name}
+            alt={author.data.name}
-            src={author.frontmatter.imageUrl}
+            src={author.data.imageUrl}
             class='mb-0 mr-2 inline h-5 w-5 rounded-full'
           />
-          {author.frontmatter.name}
+          {author.data.name}
         </a>
         <span class='mx-2 hidden sm:inline'>&middot;</span>
         <a
@@ -59,7 +59,7 @@ const { frontmatter: guideFrontmatter, author } = guide;
           Improve this Guide
         </a>
       </p>
-      <guide.Content />
+      <Content />
     </MarkdownFile>
   </div>
 </article>

src/components/GuideListItem.astro

@@ -1,7 +1,7 @@
 ---
-import type { GuideFileType, GuideFrontmatter } from '../lib/guide';
+import type { GuideFileType } from '../lib/guide';
 import { replaceVariables } from '../lib/markdown';
-import { QuestionGroupType } from '../lib/question-group';
+import type { QuestionGroupType } from '../lib/question-group';
 
 export interface Props {
   guide: GuideFileType | QuestionGroupType;
@@ -14,7 +14,7 @@ function isQuestionGroupType(
 }
 
 const { guide } = Astro.props;
-const { data, id } = guide;
+const { data: frontmatter, slug: id } = guide;
 
 let pageUrl = '';
 let guideType = '';
@@ -23,9 +23,9 @@ if (isQuestionGroupType(guide)) {
   pageUrl = `/questions/${id}`;
   guideType = 'Questions';
 } else {
-  const excludedBySlug = (frontmatter as GuideFrontmatter).excludedBySlug;
+  const excludedBySlug = (frontmatter as GuideFileType['data']).excludedBySlug;
   pageUrl = excludedBySlug ? excludedBySlug : `/guides/${id}`;
-  guideType = (frontmatter as GuideFrontmatter).type;
+  guideType = (frontmatter as GuideFileType['data']).type;
 }
 ---
 
@@ -46,7 +46,7 @@ if (isQuestionGroupType(guide)) {
           New
           <span class='hidden sm:inline'>
             &middot;
-            {new Date(frontmatter.date).toLocaleString('default', {
+            {new Date(frontmatter.date!).toLocaleString('default', {
               month: 'long',
             })}
           </span>

src/content/question-group.ts

@@ -10,7 +10,7 @@ export const questionGroupCollection = defineCollection({
     description: z.string(),
     isNew: z.boolean(),
     authorId: z.string().optional(),
-    date: z.string().optional(),
+    date: z.date().optional(),
     seo: z.object({
       title: z.string(),
       description: z.string(),