fix linting, disable require-context-role on dropdown example as it requires an invalid fix

Author: Dietr

addon/components/au-main-header.gts

@@ -55,7 +55,10 @@ export default class AuMainHeader extends Component<AuMainHeaderSignature> {
           Naar de hoofdinhoud
         </a>
       </div>
-      <nav aria-label="Informatie en instellingen" class="au-c-main-header__actions">
+      <nav
+        aria-label="Informatie en instellingen"
+        class="au-c-main-header__actions"
+      >
         <ul class="au-c-list-horizontal">
           {{#if @contactRoute}}
             <li class="au-c-list-horizontal__item">
@@ -85,11 +88,7 @@ class NavigationNarrator extends Component {
   }
 
   <template>
-    <div
-      aria-live="assertive"
-      aria-atomic="true"
-      aria-relevant="all"
-    >
+    <div aria-live="assertive" aria-atomic="true" aria-relevant="all">
       <span class="au-u-hidden-visually">
         {{this.activeRoute}}
       </span>

stories/5-components/Brand/AuMainHeader.stories.js

@@ -15,7 +15,8 @@ export default {
     },
     contactLabel: {
       control: 'text',
-      description: 'Set the label for the contact link (default: Contacteer ons)',
+      description:
+        'Set the label for the contact link (default: Contacteer ons)',
     },
   },
   parameters: {

stories/5-components/Navigation/AuDropdown.stories.js

@@ -47,6 +47,7 @@ export default {
 
 const Template = (args) => ({
   template: hbs`
+    {{! template-lint-disable require-context-role }}
     <AuDropdown
       @title={{this.title}}
       @alignment={{this.alignment}}
@@ -64,12 +65,15 @@ const Template = (args) => ({
       <AuButton @skin="link" @icon="logout" role="menuitem">
         Afmelden
       </AuButton>
-    </AuDropdown>`,
+    </AuDropdown>
+    {{! template-lint-enable require-context-role }}
+  `,
   context: args,
 });
 
 const TemplateSeparator = (args) => ({
   template: hbs`
+    {{! template-lint-disable require-context-role }}
     <AuDropdown
       @title={{this.title}}
       @alignment={{this.alignment}}
@@ -101,9 +105,12 @@ const TemplateSeparator = (args) => ({
       <AuButton @alert="true" @skin="link" @icon="bin" role="menuitem">
         Verwijder
       </AuButton>
-    </AuDropdown>`,
+    </AuDropdown>
+    {{! template-lint-enable require-context-role }}
+  `,
   context: args,
 });
+/* prettier-ignore-end */
 
 export const Component = Template.bind({});
 Component.args = {