feat: improve md render

.changeset/chilly-pumas-invent.md

@@ -0,0 +1,5 @@
+---
+"@sveltepress/vite": patch
+---
+
+fix: frontmatter should respect user defined in +page.svelte files"

.changeset/cool-donuts-help.md

@@ -0,0 +1,8 @@
+---
+"@sveltepress/theme-default": patch
+"@sveltepress/vite": patch
+"@sveltepress/create": patch
+"@sveltepress/twoslash": patch
+---
+
+feat: command in md

.changeset/cuddly-trainers-travel.md

@@ -0,0 +1,8 @@
+---
+"@sveltepress/theme-default": patch
+"@sveltepress/vite": patch
+"@sveltepress/create": patch
+"@sveltepress/twoslash": patch
+---
+
+docs: update links"

packages/docs-site-bn/src/routes/guide/markdown/frontmatter/+page.md

@@ -15,7 +15,7 @@ description: some description
 
 ## Svelte এ Frontmatter
 
-[Svelte context module](https://svelte.dev/docs#component-format-script-context-module) এ`frontmatter` নামক একটি const variable এক্সপোর্ট করুন
+[Svelte script module](https://svelte.dev/docs/svelte/svelte-files#script-module) এ`frontmatter` নামক একটি const variable এক্সপোর্ট করুন
 
 ```svelte title="/src/routes/foo/+page.svelte"
 <script module>

packages/docs-site-zh/src/routes/guide/markdown/frontmatter/+page.md

@@ -15,7 +15,7 @@ description: 页面描述
 
 ## Svelte 中的 frontmatter
 
-在 `+page.svelte` 的[Svelte context module](https://svelte.dev/docs#component-format-script-context-module)中导出一个名为 `frontmatter` 的变量即可
+在 `+page.svelte` 的 [Svelte script module](https://svelte.dev/docs/svelte/svelte-files#script-module) 中导出一个名为 `frontmatter` 的变量即可
 
 ```svelte title="/src/routes/foo/+page.svelte"
 <script module>

packages/docs-site/src/routes/guide/markdown/frontmatter/+page.md

@@ -15,7 +15,7 @@ description: some description
 
 ## Frontmatter in svelte
 
-Export a const variable name as `frontmatter` in [Svelte context module](https://svelte.dev/docs#component-format-script-context-module) would do
+Export a const variable name as `frontmatter` in [Svelte script module](https://svelte.dev/docs/svelte/svelte-files#script-module) would do
 
 ```svelte title="/src/routes/foo/+page.svelte"
 <script module>

packages/docs-site/src/routes/guide/markdown/svelte-in-markdown/+page.md

@@ -124,12 +124,22 @@ Toggle
 
 :::note[Syntax Restrictions]{icon=solar:chat-square-code-outline}
 Always use quotes in markdown files.
-```svelte
+```md
 <script>
   let count = $state(0)
 </script>
 <button onclick={() => count++}></button> // [svp! --]
-<button onclick={() => count++}></button> // [svp! ++]
+<button onclick="{() => count++}"></button> // [svp! ++]
+```
+Or you can wrap it with a `div`
+```md
+<script>
+  let count = $state(0)
+</script>
+<button onclick={() => count++}></button> // [svp! --]
+<div> // [svp! ++]
+  <button onclick={() => count++}></button> // [svp! ++]
+</div> // [svp! ++]
 ```
 :::
 
@@ -141,9 +151,11 @@ Always use quotes in markdown files.
 
 > A counter
 
-<button onclick="{() => count++}" style="margin-bottom: 12px;">
-  You've clicked {count} times
-</button>
+<div>
+  <button onclick={() => count++} style="margin-bottom: 12px;">
+    You've clicked {count} times
+  </button>
+</div>
 
 </TabPanel>
 
@@ -155,9 +167,11 @@ Always use quotes in markdown files.
   let count = $state(0)
 </script>
 
-<button onclick="{() => count++}">
-  You've clicked {count} times
-</button>
+<div>
+  <button onclick={() => count++} style="margin-bottom: 12px;">
+    You've clicked {count} times
+  </button>
+</div>
 ```
 
 </TabPanel>

packages/theme-default/src/markdown/highlighter.ts

@@ -63,13 +63,11 @@ const highlighter: Highlighter = async (code, lang, meta) => {
   let noErrorsFirstLine: string | undefined
   if (lines[0] === '// @noErrors')
     noErrorsFirstLine = lines.shift()
-  if (lang !== 'md') {
-    code = lines.map((line, i) => {
-      const [commandDomsInOneLine, newLine] = processCommands(line, i, lines.length)
-      commandDoms.push(...commandDomsInOneLine)
-      return newLine
-    }).join('\n')
-  }
+  code = lines.map((line, i) => {
+    const [commandDomsInOneLine, newLine] = processCommands(line, i, lines.length)
+    commandDoms.push(...commandDomsInOneLine)
+    return newLine
+  }).join('\n')
   let title: string | undefined
   if (titleMeta)
     title = titleMeta.split('=')[1].replace(/(^")|("$)/g, '')

packages/vite/__tests__/md-svelte.test.ts

@@ -34,9 +34,11 @@ function hello(msg) {
   something
 {/snippet}
 
-<button onclick="{() => count++}">
-  You've clicked {count} times
-</button>
+<div>
+  <button onclick={() => count++}>
+    You've clicked {count} times
+  </button>
+</div>
 
 {@render someSnippet()}
 
@@ -73,9 +75,11 @@ describe('md to svelte', () => {
       {#snippet someSnippet()}
       something
       {/snippet}
-      <button onclick="{() => count++}">
-        You've clicked {count} times
-      </button>
+      <div>
+        <button onclick={() => count++}>
+          You've clicked {count} times
+        </button>
+      </div>
       {@render someSnippet()}
       <style>
         .foo {
@@ -128,9 +132,11 @@ describe('md to svelte', () => {
       {#snippet someSnippet()}
       something
       {/snippet}
-      <button onclick="{() => count++}">
-        You've clicked {count} times
-      </button>
+      <div>
+        <button onclick={() => count++}>
+          You've clicked {count} times
+        </button>
+      </div>
       {@render someSnippet()}
       </PageLayout>
       <style>

packages/vite/__tests__/parse-svelte-frontmatter.test.ts

@@ -7,7 +7,7 @@ function wrapFrontmatter(obj: Record<string, any>) {
   export const frontmatter: any = ${JSON.stringify(obj)}
 </script>
 <script lang="ts">
-  export let propName: string
+  let { propName } = $props()
 
   const someVariable = 'some value'
 </script>

packages/vite/src/markdown/md-to-svelte.ts

@@ -118,7 +118,3 @@ export function applyRemarkPluginsBeforeRehype(remarkPlugins?: Array<Plugin<any[
 
   return processorAfterRemarkParse
 }
-
-export function getBuiltinRemarkExtensions() {
-
-}

packages/vite/src/utils/wrap-page.ts

@@ -57,9 +57,9 @@ export async function wrapPage({
   }
   else if (id.endsWith('page.svelte')) {
     fm = {
-      ...(await parseSvelteFrontmatter(mdOrSvelteCode)),
       pageType: 'svelte',
       lastUpdate,
+      ...(await parseSvelteFrontmatter(mdOrSvelteCode)),
     }
     svelteCode = mdOrSvelteCode
   }