doc: add missing "component" prop

ICIJ · Jul 19, 2024 · 683de48 · 683de48
1 parent 9262b24
commit 683de48
Show file tree

Hide file tree

Showing 10 changed files with 18 additions and 36 deletions.
diff --git a/src/stories/components/AppModal/AppModal.stories.js b/src/stories/components/AppModal/AppModal.stories.js
@@ -1,5 +1,4 @@
 import AppModal from '@/components/AppModal/AppModal'
-import { ArgTypes } from '@storybook/blocks'
 
 export default {
   title: 'Components/AppModal/AppModal',

diff --git a/src/stories/components/Dismissable/DismissableAlert.stories.js b/src/stories/components/Dismissable/DismissableAlert.stories.js
@@ -6,6 +6,7 @@ import DismissableAlert from '@/components/Dismissable/DismissableAlert'
 export default {
   title: 'Components/Dismissable/DismissableAlert',
   tags: ['autodocs'],
+  component: DismissableAlert,
   argTypes: {
     variant: {
       control: { type: 'select' },
@@ -23,19 +24,14 @@ export default {
     name: uniqueId('a-unique-name-'),
     persist: false,
     noIcon: false,
-    noButton: false
+    noButton: false,
+    default: `A simple alert lorem ipsum dolor sit amet, consectetur adipiscing elit.`
   },
-  render: (args) => ({
-    components: {
-      DismissableAlert
-    },
-    setup: () => ({ args }),
-    template: `
-      <dismissable-alert v-bind="args">
-        A simple <strong>{{ args.variant }}</strong> alert lorem ipsum dolor sit amet, consectetur adipiscing elit.
-      </dismissable-alert>
-    `
-  })
+  parameters: {
+    slots: {
+      default: `Default slot content`
+    }
+  }
 }
 
 export const Default = {

diff --git a/src/stories/components/Dismissable/DismissableToastBody.stories.js b/src/stories/components/Dismissable/DismissableToastBody.stories.js
@@ -6,6 +6,7 @@ import ToastBody from '@/components/Dismissable/DismissableToastBody'
 export default {
   title: 'Components/Dismissable/DismissableToastBody',
   tags: ['autodocs'],
+  component: ToastBody,
   argTypes: {
     variant: {
       control: { type: 'select' },

diff --git a/src/stories/components/FiltersPanel/FiltersPanel.stories.js b/src/stories/components/FiltersPanel/FiltersPanel.stories.js
@@ -9,6 +9,7 @@ import FiltersPanelSectionFilterFooter from '@/components/FiltersPanel/FiltersPa
 export default {
   title: 'Components/FiltersPanel',
   tags: ['autodocs'],
+  component: { name: 'FiltersPanel' },
   argTypes: {},
   args: {
     collapseTags: false

diff --git a/src/stories/components/NavigationBreadcrumb/NavigationBreadcrumb.stories.js b/src/stories/components/NavigationBreadcrumb/NavigationBreadcrumb.stories.js
@@ -41,6 +41,7 @@ export default {
   decorators: [vueRouter(routes)],
   title: 'Components/NavigationBreadcrumb',
   tags: ['autodocs'],
+  component: NavigationBreadcrumb,
   render: () => ({
     components: {
       NavigationBreadcrumb

diff --git a/src/stories/components/NavigationBreadcrumb/NavigationBreadcrumbLink.stories.js b/src/stories/components/NavigationBreadcrumb/NavigationBreadcrumbLink.stories.js
@@ -13,6 +13,7 @@ export default {
   decorators: [vueRouter(routes)],
   title: 'Components/NavigationBreadcrumb/Link',
   tags: ['autodocs'],
+  component: NavigationBreadcrumbLink,
   argTypes: {
     routeName: {
       control: { type: 'string' }

diff --git a/src/stories/components/PageSettings/PageSettings.stories.js b/src/stories/components/PageSettings/PageSettings.stories.js
@@ -7,6 +7,7 @@ import PageSettingsSection from '@/components/PageSettings/PageSettingsSection'
 export default {
   title: 'Components/PageSettings',
   tags: ['autodocs'],
+  component: PageSettings,
   render: (args) => ({
     components: {
       PageSettings,

diff --git a/src/stories/components/PhosphorIcon/PhosphorIconLayers.stories.js b/src/stories/components/PhosphorIcon/PhosphorIconLayers.stories.js
@@ -3,7 +3,7 @@ import { PhosphorIcon, PhosphorIconLayers } from '@icij/murmur-next'
 export default {
   title: 'Components/PhosphorIcon/PhosphorIconLayers',
   tags: ['autodocs'],
-  components: PhosphorIconLayers,
+  component: PhosphorIconLayers,
   argTypes: {
     size: {
       control: { type: 'string' }

diff --git a/src/stories/components/SearchBarInput.stories.js b/src/stories/components/SearchBarInput.stories.js
@@ -3,6 +3,7 @@ import SearchBarInput from '@/components/SearchBarInput'
 export default {
   title: 'Components/SearchBar/SearchBarInput',
   tags: ['autodocs'],
+  component: SearchBarInput,
   argTypes: {
     placeholder: {
       control: {
@@ -33,17 +34,7 @@ export default {
         type: 'boolean'
       }
     }
-  },
-  render: (args) => ({
-    components: {
-      SearchBarInput
-    },
-    setup: () => ({ args }),
-    template: `
-      <search-bar-input v-bind="args">
-      </search-bar-input>
-    `
-  })
+  }
 }
 
 export const Default = {

diff --git a/src/stories/components/SearchFormControl.stories.js b/src/stories/components/SearchFormControl.stories.js
@@ -3,6 +3,7 @@ import SearchFormControl from '@/components/SearchFormControl'
 export default {
   title: 'Components/SearchBar/SearchFormControl',
   tags: ['autodocs'],
+  component: SearchFormControl,
   argTypes: {
     placeholder: {
       control: {
@@ -43,17 +44,7 @@ export default {
         type: 'boolean'
       }
     }
-  },
-  render: (args) => ({
-    components: {
-      SearchFormControl
-    },
-    setup: () => ({ args }),
-    template: `
-      <search-form-control v-bind="args">
-      </search-form-control>
-    `
-  })
+  }
 }
 
 export const Default = {