Fix Storybook

frontend/nuxt.config.ts

@@ -293,6 +293,13 @@ const config: NuxtConfig = {
         viewports: VIEWPORTS,
       },
     },
+    modules: {
+      // with upgraded storybook, svg-sprite is crashing the storybook build.
+      // It's not clear why that is, because it should have been fixed in
+      // svg-sprite 0.5.1: https://github.com/nuxt-community/storybook/issues/155
+      // That doesn't seem to have worked, however.
+      exclude: ["svg-sprite"],
+    },
   },
   proxy: {
     // The key is appended to the address in the value.

frontend/src/components/VIcon/meta/VIcon.stories.mdx

@@ -8,8 +8,17 @@ import {
 
 import VIcon from "~/components/VIcon/VIcon.vue"
 
+import spriteData from "~/assets/icons/sprite/sprites.json"
+
 <Meta title="Components/VIcon" component={VIcon} />
 
+export const iconNames = spriteData.reduce((accumulator, sprite) => {
+  const iconsWithNamespace = sprite.symbols.map((symbol) =>
+    sprite.defaultSprite ? symbol : `${sprite.name}/${symbol}`
+  )
+  return accumulator.concat(iconsWithNamespace)
+}, [])
+
 export const Template = (args) => ({
   template: `<VIcon v-bind="args" />`,
   components: { VIcon },
@@ -36,6 +45,13 @@ To display the icon, pass the name of the icon as a prop.
     args={{
       name: "replay",
     }}
+    argTypes={{
+      name: {
+        options: iconNames,
+        control: { type: "select" },
+        defaultValue: "replay",
+      },
+    }}
   >
     {Template.bind({})}
   </Story>