From 155e36f889501cd521b302f0436d1e4316e8e13b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20M=C3=BCller?= <mail@devmount.de>
Date: Tue, 19 May 2026 21:30:00 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A8=20Fix=20code=20examples=20for=20St?=
 =?UTF-8?q?andardFooter=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/patterns/StandardFooter.stories.ts | 54 +++++++++++++++++++-------
 1 file changed, 41 insertions(+), 13 deletions(-)

diff --git a/src/patterns/StandardFooter.stories.ts b/src/patterns/StandardFooter.stories.ts
index 1823941..a431dc0 100644
--- a/src/patterns/StandardFooter.stories.ts
+++ b/src/patterns/StandardFooter.stories.ts
@@ -22,20 +22,18 @@ export const Standard: Story = {
     setup() {
       return { args };
     },
-    template: `
-      <StandardFooter v-bind="args">
-        <template #privacyPolicy>
-          <li><a href="#privacy">Privacy Policy</a></li>
-        </template>
-        <template #legal>
-          <li><a href="#legal">Legal</a></li>
-        </template>
-      </StandardFooter>
-    `,
+    template: `<standard-footer v-bind="args" />`,
   }),
+  parameters: {
+    docs: {
+      source: {
+        code: '<standard-footer contribute-to-this-site-url="https://github.com/mozilla/services-ui" />',
+      },
+    },
+  },
 };
 
-export const WithTBProServiceFooter: Story = {
+export const DefaultSlot: Story = {
   args: {
     contributeToThisSiteUrl: 'https://github.com/mozilla/services-ui',
   },
@@ -45,7 +43,7 @@ export const WithTBProServiceFooter: Story = {
       return { args };
     },
     template: `
-      <StandardFooter v-bind="args">
+      <standard-footer v-bind="args">
         <template #default>
           <nav style="display: flex; justify-content: space-between; align-items: center;">
             <img src="${AppointmentLogo}" alt="Appointment Logo" />
@@ -55,13 +53,43 @@ export const WithTBProServiceFooter: Story = {
             </ul>
           </nav>
         </template>
+      </standard-footer>
+    `,
+  }),
+  parameters: {
+    docs: {
+      source: {
+        code: `<standard-footer contribute-to-this-site-url="https://github.com/mozilla/services-ui">\n  <template #default>\n    <nav>\n      <img src="/assets/svg/appointment-logo.svg" alt="Appointment Logo" />\n\n      <ul>\n        <li><a href="#">LOGIN</a></li>\n      </ul>\n    </nav>\n  </template>\n</standard-footer>`,
+      },
+    },
+  },
+};
+
+export const PrivacyAndLegal: Story = {
+  args: {
+    contributeToThisSiteUrl: 'https://github.com/mozilla/services-ui',
+  },
+  render: (args) => ({
+    components: { StandardFooter },
+    setup() {
+      return { args };
+    },
+    template: `
+      <standard-footer v-bind="args">
         <template #privacyPolicy>
           <li><a href="#privacy">Privacy Policy</a></li>
         </template>
         <template #legal>
           <li><a href="#legal">Legal</a></li>
         </template>
-      </StandardFooter>
+      </standard-footer>
     `,
   }),
+  parameters: {
+    docs: {
+      source: {
+        code: `<standard-footer contribute-to-this-site-url="https://github.com/mozilla/services-ui">\n  <template #privacyPolicy>\n    <li><a href="#privacy">Privacy Policy</a></li>\n  </template>\n  <template #legal>\n    <li><a href="#legal">Legal</a></li>\n  </template>\n</standard-footer>`,
+      },
+    },
+  },
 };