Change format docs from md to svelte

Author: techniq

packages/svelte-ux/src/routes/docs/utils/format/+page.md renamed to packages/svelte-ux/src/routes/docs/utils/format/+page.svelte

@@ -1,18 +1,15 @@
 <script lang="ts">
-	import Preview from '$lib/components/Preview.svelte';
-	import { format } from '$lib/utils/format';
-	import { PeriodType } from '$lib/utils/date';
+  import Preview from '$lib/components/Preview.svelte';
+  import { format } from '$lib/utils/format';
+  import { PeriodType } from '$lib/utils/date';
+  import Code from '$lib/components/Code.svelte';
 
   const date = new Date('1982-03-30T00:00:00');
 </script>
 
 <h1>Usage</h1>
 
-```svelte
-<script>
-  import { format } from 'svelte-ux';
-</script>
-```
+<Code source={`import { format } from 'svelte-ux';`} language="javascript" class="mb-4" />
 
 <h1>Examples</h1>
 
@@ -22,11 +19,11 @@
   <div>{format(1234.56, 'integer')}</div>
   <div>{format(1234.56, 'decimal')}</div>
   <div>{format(1234.56, 'currency')}</div>
-  <div>{format(.5678, 'percent')}</div>
-  <div>{format(.5678, 'percentRound')}</div>
+  <div>{format(0.5678, 'percent')}</div>
+  <div>{format(0.5678, 'percentRound')}</div>
   <div>{format(1_234_567, 'metric')}</div>
   <div>{format(1_200_000, 'metric')}</div>
-  <div>{format(.5678, 'percent', 1)}</div>
+  <div>{format(0.5678, 'percent', 1)}</div>
 </Preview>
 
 <h2>Period formats</h2>

packages/svelte-ux/src/routes/docs/utils/format/+page.ts

@@ -1,5 +1,5 @@
 import source from '$lib/utils/format.ts?raw';
-import pageSource from './+page.md?raw';
+import pageSource from './+page.svelte?raw';
 
 export async function load() {
   return {