Allow no-display code fence attribute to omit code fence block

Author: metonym

src/preprocessReadme.ts

@@ -44,6 +44,7 @@ export function preprocessReadme(opts: Partial<PreprocessReadmeOptions>): Pick<P
       highlight(source, lang, attrs) {
         if (lang === "svelte") {
           const noEval = /no-eval/.test(attrs);
+          const noDisplay = /no-display/.test(attrs);
           const { instance } = parse(source);
 
           if (instance !== undefined && !noEval) {
@@ -66,7 +67,7 @@ export function preprocessReadme(opts: Partial<PreprocessReadmeOptions>): Pick<P
           });
           const svelteCode = Prism.highlight(formattedCode, Prism.languages.svelte, "svelte");
           return `<pre class="language-${lang}" ${
-            noEval ? "" : `data-svelte="${modifiedSource}"`
+            noEval || noDisplay ? "" : `data-svelte="${modifiedSource}"`
           }>{@html \`${svelteCode}\`}</pre>`;
         }
 

test/README.md

@@ -70,7 +70,6 @@ Second script block:
 <script>
   import Button from "my-svelte-component";
 
-   
   let toggled; /** comment */
 </script>
 
@@ -92,7 +91,7 @@ Second script block:
   import { onMount } from "svelte";
 
   onMount(() => {
-    console.log('eval')
+    console.log("eval");
   });
 </script>
 
@@ -103,7 +102,18 @@ Second script block:
   import { onMount } from "svelte";
 
   onMount(() => {
-    document.title = 'title';
+    document.title = "title";
+  });
+</script>
+
+```
+
+```svelte no-display
+<script>
+  import { onMount } from "svelte";
+
+  onMount(() => {
+    console.log("eval no display");
   });
 </script>