breaking: mark code/language props as required

Closes #215
metonym · Jul 1, 2022 · 63f5933 · 63f5933
1 parent f66e5ed
commit 63f5933
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 16 deletions.
diff --git a/src/Highlight.svelte b/src/Highlight.svelte
@@ -32,13 +32,13 @@
     /**
      * Specify the source code to highlight.
      */
-    code?: any;
+    code: any;
 
     /**
      * Provide the language to highlight the code.
      * Import languages from `svelte-highlight/languages/*`.
      */
-    language?: Language;
+    language: Language;
 
     /**
      * Set to `true` for the language name to be
@@ -51,12 +51,9 @@
 
   interface $$Events extends Events {}
 
-  export let language: Language = {
-    name: undefined,
-    register: undefined,
-  };
+  export let language: Language;
 
-  export let code = undefined;
+  export let code: any;
 
   export let langtag = false;
 
@@ -71,7 +68,7 @@
     if (highlighted) dispatch("highlight", { highlighted });
   });
 
-  $: if (language.name && language.register) {
+  $: if (language?.name && language?.register) {
     hljs.registerLanguage(language.name, language.register);
     highlighted = hljs.highlight(code, { language: language.name }).value;
   }
@@ -81,7 +78,7 @@
   <!-- prettier-ignore -->
   <pre
     class:langtag
-    data-language={language.name || "plaintext"}
+    data-language={language?.name || "plaintext"}
     {...$$restProps}><code class="hljs">{#if highlighted !== undefined}{@html highlighted}{:else}{code}{/if}</code></pre>
 </slot>
 

diff --git a/src/HighlightAuto.svelte b/src/HighlightAuto.svelte
@@ -7,7 +7,7 @@
     /**
      * Specify the source code to highlight.
      */
-    code?: any;
+    code: any;
 
     /**
      * Set to `true` for the language name to be
@@ -20,7 +20,7 @@
 
   interface $$Events extends Events {}
 
-  export let code = undefined;
+  export let code;
 
   export let langtag = false;
 
@@ -36,9 +36,7 @@
     if (highlighted) dispatch("highlight", { highlighted });
   });
 
-  $: if (code) {
-    ({ value: highlighted, language } = hljs.highlightAuto(code));
-  }
+  $: ({ value: highlighted, language } = hljs.highlightAuto(code));
 </script>
 
 <slot {highlighted}>

diff --git a/src/HighlightSvelte.svelte b/src/HighlightSvelte.svelte
@@ -7,7 +7,7 @@
     /**
      * Specify the source code to highlight.
      */
-    code?: any;
+    code: any;
 
     /**
      * Set to `true` for the language name to be
@@ -20,7 +20,7 @@
 
   interface $$Events extends Events {}
 
-  export let code = undefined;
+  export let code;
 
   export let langtag = false;