Add fallback for default arguments converting to undefined from list

See sveltejs/svelte#11647

Author: bertmad3400

src/lib/components/articleRender/content.svelte

@@ -12,6 +12,9 @@
 
   export let article: FullArticle;
   export let headings: HeadingList = [];
+  $: headings = headings ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
+
   let tokens: marked.Token[];
   $: tokens = convertToToken(article.formatted_content);
 

src/lib/components/articleRender/main.svelte

@@ -10,6 +10,9 @@
   export let header: Boolean = true;
 
   export let headings: HeadingList = [];
+  $: headings = headings ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
+
   export let buttonActions: Array<{
     title: string;
     action: () => void;

src/lib/components/charts/linechart/chart.svelte

@@ -7,6 +7,8 @@
 
   export let lines: Line[];
   export let hoveredLines: string[] = [];
+  $: hoveredLines = hoveredLines ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
 
   export let xDomain: undefined | [number, number] = undefined;
   export let yDomain: undefined | [number, number] = undefined;

src/lib/components/charts/linechart/index.svelte

@@ -10,6 +10,8 @@
 
   export let lines: Line[];
   export let hoveredLines: string[] = [];
+  $: hoveredLines = hoveredLines ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
 
   export let xDomain: undefined | [number, number] = undefined;
   export let yDomain: undefined | [number, number] = undefined;

src/lib/components/itemList/articles/main.svelte

@@ -16,6 +16,9 @@
   import { listElementCount, showHighlights } from "$shared/state/state";
 
   export let articles: ArticleBase[] = [];
+  $: articles = articles ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
+
   export let layout: ArticleListRender | undefined = undefined;
   export let tintReadArticles: boolean;
   export let listLenLimit = 100;

src/lib/components/itemList/generic/layouts/large.svelte

@@ -23,6 +23,10 @@
     expanded: boolean;
     markdown: boolean;
   }[] = [];
+
+  $: textExpands = textExpands ?? [];
+  $: tags = tags ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
 </script>
 
 <article

src/lib/components/itemList/generic/layouts/main.svelte

@@ -26,6 +26,10 @@
   }[] = [];
 
   $: renderMode = $page.data.settings.listRenderMode;
+
+  $: textExpands = textExpands ?? [];
+  $: tags = tags ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
 </script>
 
 {#if $renderMode === "large"}

src/lib/components/itemList/generic/layouts/title.svelte

@@ -9,6 +9,9 @@
 
   export let tags: string[] = [];
   export let read: boolean = false;
+
+  $: tags = tags ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
 </script>
 
 <article

src/lib/components/itemList/header/shell.svelte

@@ -43,6 +43,8 @@
   export let searchValue: string = "";
 
   export let modOptions: Array<HeaderModOptions> = [];
+  $: modOptions = modOptions ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
 </script>
 
 <aside

src/lib/components/listMenu.svelte

@@ -5,6 +5,9 @@
   export let listOptions: HeaderModOptions[][] = [];
   export let containerClasses: string = "";
 
+  $: listOptions = listOptions ?? [];
+  // See https://github.com/sveltejs/svelte/issues/11647
+
   const buttonCss =
     "flex flex-row gap-6 hover:bg-primary-300/25 items-center justify-start rounded-xl w-full pl-4 p-2 sm:p-3 sm:pl-5 text-sm sm:text-base dark:hover:bg-primary-500/40";
 </script>