docs: accordion page

Author: shinokada

src/routes/+layout.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import { RunesMetaTags, deepMerge } from 'runes-meta-tags';
   import { Runatics } from 'runatics';
   import { page } from '$app/stores';

src/routes/components/accordion/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import { AccordionItem, Accordion } from '$lib';
   import {
     ChevronDoubleUpOutline,
@@ -19,6 +19,10 @@
 </script>
 
 <H1>Accordion</H1>
+<H2>Setup</H2>
+
+<HighlightCompo code={modules['./md/setup.md'] as string} />
+
 <H2>Default accordion</H2>
 <CodeWrapper>
   <Accordion>
@@ -84,6 +88,8 @@
   </Accordion>
 </CodeWrapper>
 
+<HighlightCompo code={modules['./md/default-accordion.md'] as string} />
+
 <H2>Always open</H2>
 <CodeWrapper>TBD</CodeWrapper>
 
@@ -114,6 +120,8 @@
   </Accordion>
 </CodeWrapper>
 
+<HighlightCompo code={modules['./md/color-option.md'] as string} />
+
 <H2>Flush accordion</H2>
 <CodeWrapper>
   <Accordion flush>
@@ -138,6 +146,8 @@
   </Accordion>
 </CodeWrapper>
 
+<HighlightCompo code={modules['./md/flush-accordion.md'] as string} />
+
 <H2>Arrow style</H2>
 <CodeWrapper>
   <Accordion>
@@ -174,6 +184,8 @@
   </Accordion>
 </CodeWrapper>
 
+<HighlightCompo code={modules['./md/arrow-style.md'] as string} />
+
 <H2>Icon Accordion</H2>
 <CodeWrapper>
   <Accordion>
@@ -215,6 +227,8 @@
   </Accordion>
 </CodeWrapper>
 
+<HighlightCompo code={modules['./md/icon-accordion.md'] as string} />
+
 <H2>Multiple mode</H2>
 <CodeWrapper>TBD</CodeWrapper>
 

src/routes/utils/Footer.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import { Footer, FooterBrand, FooterLi, FooterUl } from '$lib';
 </script>
 

src/routes/utils/icons/Combinator.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   let { small = false } = $props();
 </script>
 

src/routes/utils/icons/Dev.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   let { small = false } = $props();
 </script>
 

src/routes/utils/icons/Reddit.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   let { small = false } = $props();
 </script>