diff --git a/docs/svelte.config.js b/docs/svelte.config.js
index 139ea081..97c936be 100644
--- a/docs/svelte.config.js
+++ b/docs/svelte.config.js
@@ -67,6 +67,7 @@ function plugin() {
       const scriptBlock = createImports(node.value);
       const formattedCode = format(scriptBlock + node.value, {
         parser: "svelte",
+        svelteSortOrder: "scripts-markup-styles",
       });
       const highlightedCode = Prism.highlight(
         formattedCode,