pass lint rules

src/components/Byline/Byline.mdx

@@ -92,12 +92,17 @@ To hyperlink to different pages or email addresses, pass a custom function to th
 ```svelte
 <!-- Pass a custom function as `getAuthorPage` -->
 <Byline
-  authors={['Dea Bankova', 'Prasanta Kumar Dutta', 'Anurag Rao', 'Mariano Zafra']}
+  authors={[
+    'Dea Bankova',
+    'Prasanta Kumar Dutta',
+    'Anurag Rao',
+    'Mariano Zafra',
+  ]}
   publishTime="2021-09-12T00:00:00Z"
   updateTime="2021-09-12T13:57:00Z"
-  getAuthorPage={(author: string) => {
-      return `mailto:${author.replace(' ', '')}@example.com`;
-    }}
+  getAuthorPage={(author) => {
+    return `mailto:${author.replace(' ', '')}@example.com`;
+  }}
 />
 ```
 

src/components/HeroHeadline/HeroHeadline.mdx

@@ -273,9 +273,9 @@ Since `Headline` internally uses the [Byline](?path=/docs/components-text-elemen
   ]}
   publishTime={new Date('2023-05-11').toISOString()}
   img={eurovisImgSrc}
-  getAuthorPage={(author: string) => {
-      return `mailto:${author.replace(' ', '')}@example.com`;
-    }}
+  getAuthorPage={(author) => {
+    return `mailto:${author.replace(' ', '')}@example.com`;
+  }}
 >
   <!-- Custom hed snippet -->
   {#snippet hed()}

src/components/Scroller/Scroller.mdx

@@ -18,27 +18,27 @@ The `Scroller` component creates a basic scrollytelling graphic with layout opti
 
   import MyBackground from './MyBackground.svelte'; // Your own background component
 
-// Array of step objects that define the steps in your scroller.
+  // Array of step objects that define the steps in your scroller.
   const steps = [
-      {
-        background: MyBackground,
-        backgroundProps: { colour: 'red' }, // Optional props for your background component
-        foreground: '#### Step 1\n\nLorem ipsum red',
-        altText: 'Red background',
-      },
-      {
-        background: MyBackground,
-        backgroundProps: { colour: 'blue' },
-        foreground: '#### Step 2\n\nLorem ipsum blue',
-        altText: 'Blue background',
-      },
-      {
-        background: MyBackground,
-        backgroundProps: { colour: 'green' },
-        foreground: '#### Step 3\n\nLorem ipsum green',
-        altText: 'Green background',
-      },
-    ],
+    {
+      background: MyBackground,
+      backgroundProps: { colour: 'red' }, // Optional props for your background component
+      foreground: '#### Step 1\n\nLorem ipsum red',
+      altText: 'Red background',
+    },
+    {
+      background: MyBackground,
+      backgroundProps: { colour: 'blue' },
+      foreground: '#### Step 2\n\nLorem ipsum blue',
+      altText: 'Blue background',
+    },
+    {
+      background: MyBackground,
+      backgroundProps: { colour: 'green' },
+      foreground: '#### Step 3\n\nLorem ipsum green',
+      altText: 'Green background',
+    },
+  ];
 </script>
 
 <Scroller {steps} foregroundPosition="middle" backgroundWidth="fluid" />

src/components/SiteHeader/scss/_grids.scss

@@ -93,7 +93,7 @@
     @each $property in $properties {
       & {
         #{$property}: (48px * $delta);
-      } 
+      }
     }
   }
 }

src/components/Table/Table.mdx

@@ -27,13 +27,13 @@ Set the `title`, `dek`, `notes` and `source` options to add supporting metadata
 ```svelte
 <Table
   data={yourData}
-  title='Career home run leaders'
-  dek=`In baseball,
+  title="Career home run leaders"
+  dek={`In baseball,
 a home run (also known as a "dinger" or "tater") occurs when a batter hits the
 ball over the outfield fence. When a home run is hit, the batter and any runners
-on base are able to score.`
-  notes='Note: As of Opening Day 2023'
-  source='Source: Baseball Reference'
+on base are able to score.`}
+  notes="Note: As of Opening Day 2023"
+  source="Source: Baseball Reference"
 />
 ```