From c95fc5f3e5b08d8ba60f2d3c400a5796cab62f5a Mon Sep 17 00:00:00 2001
From: "fabian.wilms" <fabian.wilms@muenchen.de>
Date: Wed, 8 May 2024 09:13:40 +0200
Subject: [PATCH 1/6] :lipstick: expand custom-styles

---
 public/assets/temporary/custom-style.css | 52 ++++++++++++++++++++++++
 src/components/Intro/MucIntro.vue        |  7 +---
 2 files changed, 54 insertions(+), 5 deletions(-)

diff --git a/public/assets/temporary/custom-style.css b/public/assets/temporary/custom-style.css
index ab4ba8e8..da5ef837 100644
--- a/public/assets/temporary/custom-style.css
+++ b/public/assets/temporary/custom-style.css
@@ -16,4 +16,56 @@
     background-color: #fff;
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+h1 {
+    font-family: "Roboto Condensed",Arial,sans-serif;
+    font-size: 1.875rem;
+    font-weight: 700;
+    line-height: 1.25;
+}
+h2 {
+    font-family: "Roboto Condensed",Arial,sans-serif;
+    font-size: 1.5rem;
+    font-weight: 700;
+    line-height: 1.25;
+}
+h3 {
+    font-family: "Roboto Condensed",Arial,sans-serif;
+    font-size: 1.25rem;
+    font-weight: 700;
+    line-height: 1.25;
+}
+h4 {
+    font-family: "Roboto Condensed",Arial,sans-serif;
+    font-size: 1.125rem;
+    font-weight: 700;
+    line-height: 1.25;
+}
+h5 {
+    font-family: "Roboto Condensed",Arial,sans-serif;
+    font-size: 1rem;
+    font-weight: 700;
+    line-height: 1.5;
+}
+
+@media all and (min-width:1200px) {
+    h1 {
+        font-size: 2.375rem;
+    }
+    h2 {
+        font-size: 1.75rem;
+    }
+    h3 {
+        font-size: 1.5rem;
+    }
+    h4 {
+        font-size: 1.25rem;
+    }
+}
+
+.muc-divider {
+    align-self: stretch;
+    height: 0;
+    border: 1px var(--color-neutrals-blue) solid;
 }
\ No newline at end of file
diff --git a/src/components/Intro/MucIntro.vue b/src/components/Intro/MucIntro.vue
index 20cf55cc..713d2f5f 100644
--- a/src/components/Intro/MucIntro.vue
+++ b/src/components/Intro/MucIntro.vue
@@ -37,7 +37,7 @@ defineSlots<{
               {{ title }}
             </h1>
 
-            <div v-if="divider" class="ticket-divider"></div>
+            <div v-if="divider" class="muc-divider"></div>
 
             <div class="m-intro-vertical__content">
               <p>
@@ -52,10 +52,7 @@ defineSlots<{
 </template>
 
 <style scoped>
-.ticket-divider {
-  align-self: stretch;
-  height: 0;
-  border: 1px var(--color-neutrals-blue) solid;
+.muc-divider {
   margin-top: 8px;
   margin-bottom: 16px;
 }

From b339f6c7166072fddcf67651997145ac10331868 Mon Sep 17 00:00:00 2001
From: "fabian.wilms" <fabian.wilms@muenchen.de>
Date: Wed, 8 May 2024 09:14:08 +0200
Subject: [PATCH 2/6] :sparkles: create MucCard component

---
 src/components/Card/MucCard.stories.ts | 55 ++++++++++++++++
 src/components/Card/MucCard.vue        | 91 ++++++++++++++++++++++++++
 src/components/Card/index.ts           |  3 +
 src/components/index.ts                |  2 +
 4 files changed, 151 insertions(+)
 create mode 100644 src/components/Card/MucCard.stories.ts
 create mode 100644 src/components/Card/MucCard.vue
 create mode 100644 src/components/Card/index.ts

diff --git a/src/components/Card/MucCard.stories.ts b/src/components/Card/MucCard.stories.ts
new file mode 100644
index 00000000..f661421e
--- /dev/null
+++ b/src/components/Card/MucCard.stories.ts
@@ -0,0 +1,55 @@
+import {fn} from "@storybook/test";
+
+import MucCard from "./MucCard.vue";
+
+export default {
+    component: MucCard,
+    title: "MucCard",
+    tags: ["autodocs"],
+    // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked
+    args: {onClick: fn()},
+    parameters: {
+        docs: {
+            description: {
+                component: `A Card-Component in Patternlab-Style.
+                
+Use inside [MucCardContainer](/docs/muccardcontainer--docs) for a automatically wrapping layout.
+
+🔗 Patternlab-Docs (not yet available)
+`,
+            },
+        },
+    },
+};
+
+export const Default = {
+    args: {
+        title: "Lorem Ipsum",
+        tagline: "Dolor",
+        content: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
+    },
+};
+
+
+export const WithHeaderPrefix = () => ({
+    components: {MucCard},
+    template: `
+      <MucCard
+          v-bind="$props"
+          title="Lorem Ipsum"
+          tagline="Dolor"
+      >
+        <template #headerPrefix>
+          <div
+              style="padding-right: 16px; font-size: 32px;"
+          >
+            📆
+          </div>
+        </template>
+        <template #content>
+          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+          dolore magna aliquyam erat, sed diam voluptua.
+        </template>
+      </MucCard>
+    `,
+});
\ No newline at end of file
diff --git a/src/components/Card/MucCard.vue b/src/components/Card/MucCard.vue
new file mode 100644
index 00000000..4e3f25fd
--- /dev/null
+++ b/src/components/Card/MucCard.vue
@@ -0,0 +1,91 @@
+<template>
+  <div
+      class="card"
+      @click="emit('click', $event)"
+  >
+    <div class="card-content">
+
+      <div class="card-header">
+        <slot name="headerPrefix" />
+        <div>
+          <div v-if="tagline" class="card-tagline">
+            {{ tagline }}
+          </div>
+          <div>
+            <h3>{{ title }}</h3>
+          </div>
+        </div>
+      </div>
+
+      <div class="muc-divider"></div>
+
+      <slot name="content"/>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+const emit = defineEmits<{
+  /**
+   * Triggered when card is clicked.
+   * @param e Click-Event
+   */
+  (e: "click", click: Event): void;
+}>();
+
+defineProps<{
+  title: string,
+  tagline: string,
+}>();
+
+defineSlots<{
+  /**
+   * Icon shown above the callout. Defaults to icons matching the type.
+   */
+  headerPrefix(): any;
+  /**
+   * Content beneath the heading shown as text.
+   */
+  content(): any;
+}>();
+
+</script>
+
+<style scoped>
+
+.card {
+  cursor: pointer;
+  border: solid 1px var(--color-neutrals-blue);
+  border-bottom: solid 5px var(--color-brand-main-blue);
+  transition: background-color ease-in 150ms;
+}
+
+.card:hover {
+  background-color: #f1f1f1;
+}
+
+.card-content {
+  padding: 32px 24px;
+}
+
+.card-header {
+  display: flex;
+}
+
+.card-tagline {
+  font-size: 16px;
+  font-family: Open Sans, sans-serif;
+  color: #005A9F;
+  font-weight: 700;
+  line-height: 24px;
+  word-wrap: break-word;
+
+  padding-bottom: 4px;
+}
+
+.muc-divider {
+  margin-top: 16px;
+  margin-bottom: 16px;
+}
+</style>
diff --git a/src/components/Card/index.ts b/src/components/Card/index.ts
new file mode 100644
index 00000000..b808ae79
--- /dev/null
+++ b/src/components/Card/index.ts
@@ -0,0 +1,3 @@
+import MucCard from "./MucCard.vue";
+
+export { MucCard };
diff --git a/src/components/index.ts b/src/components/index.ts
index 0ac34177..fc9e7977 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,6 +1,7 @@
 import { MucBanner } from "./Banner";
 import { MucButton } from "./Button";
 import { MucCallout } from "./Callout";
+import { MucCard } from "./Card";
 import { MucComment, MucCommentText } from "./Comment/";
 import { MucIntro } from "./Intro";
 
@@ -9,6 +10,7 @@ export {
   MucBanner,
   MucIntro,
   MucCallout,
+  MucCard,
   MucComment,
   MucCommentText,
 };

From b4075217fa084629676dc3374bf921c30f43c2f3 Mon Sep 17 00:00:00 2001
From: "fabian.wilms" <fabian.wilms@muenchen.de>
Date: Wed, 8 May 2024 09:14:45 +0200
Subject: [PATCH 3/6] :sparkles: create MucCardContainer component

---
 .../Card/MucCardContainer.stories.ts          | 43 +++++++++++++++++++
 src/components/Card/MucCardContainer.vue      | 34 +++++++++++++++
 src/components/Card/index.ts                  |  3 +-
 src/components/index.ts                       |  3 +-
 4 files changed, 81 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Card/MucCardContainer.stories.ts
 create mode 100644 src/components/Card/MucCardContainer.vue

diff --git a/src/components/Card/MucCardContainer.stories.ts b/src/components/Card/MucCardContainer.stories.ts
new file mode 100644
index 00000000..1cba48d3
--- /dev/null
+++ b/src/components/Card/MucCardContainer.stories.ts
@@ -0,0 +1,43 @@
+import {fn} from "@storybook/test";
+
+import MucCardContainer from "./MucCardContainer.vue";
+import MucCard from "./MucCard.vue";
+
+export default {
+    components: {MucCardContainer},
+    component: MucCardContainer,
+    title: "MucCardContainer",
+    tags: ["autodocs"],
+    // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked
+    args: {onClick: fn()},
+    parameters: {
+        docs: {
+            description: {
+                component: `A wrapping Layout to use with [MucCard](/docs/muccard--docs).
+
+🔗 Patternlab-Docs (not yet available)
+`,
+            },
+        }
+    },
+};
+
+export const Template = () => ({
+    components: {MucCardContainer, MucCard},
+    template: `
+      <MucCardContainer>
+        <MucCard
+            v-bind="$props"
+            title="Lorem Ipsum"
+            tagline="Dolor"
+            v-for="index in 5"
+            :key="index"
+        >
+          <template #content>
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+            dolore magna aliquyam erat, sed diam voluptua.
+          </template>
+        </MucCard>
+      </MucCardContainer>
+    `,
+});
\ No newline at end of file
diff --git a/src/components/Card/MucCardContainer.vue b/src/components/Card/MucCardContainer.vue
new file mode 100644
index 00000000..d2ec2e31
--- /dev/null
+++ b/src/components/Card/MucCardContainer.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="container card-container">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+@media all and (min-width: 992px) {
+  .card-container {
+    padding-left: 0;
+    padding-right: 0;
+    display: grid;
+    /* here you set when the width should change to be moved to the next row, in this example, the divs will move when the screen reduces size and their width is less than 200px */
+    grid-template-columns: repeat(auto-fit, 384px);
+    grid-column-gap: 32px;
+    grid-row-gap: 32px;
+  }
+}
+
+@media all and (max-width: 992px) {
+  .card-container {
+    padding-left: 0;
+    padding-right: 0;
+    display: inline-grid;
+    /* here you set when the width should change to be moved to the next row, in this example, the divs will move when the screen reduces size and their width is less than 200px */
+    grid-template-columns: 1fr;
+    grid-row-gap: 32px;
+  }
+}
+</style>
diff --git a/src/components/Card/index.ts b/src/components/Card/index.ts
index b808ae79..ab8fdf20 100644
--- a/src/components/Card/index.ts
+++ b/src/components/Card/index.ts
@@ -1,3 +1,4 @@
 import MucCard from "./MucCard.vue";
+import MucCardContainer from "./MucCardContainer.vue";
 
-export { MucCard };
+export { MucCard, MucCardContainer };
diff --git a/src/components/index.ts b/src/components/index.ts
index fc9e7977..c7e0f683 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,7 +1,7 @@
 import { MucBanner } from "./Banner";
 import { MucButton } from "./Button";
 import { MucCallout } from "./Callout";
-import { MucCard } from "./Card";
+import { MucCard, MucCardContainer } from "./Card";
 import { MucComment, MucCommentText } from "./Comment/";
 import { MucIntro } from "./Intro";
 
@@ -11,6 +11,7 @@ export {
   MucIntro,
   MucCallout,
   MucCard,
+  MucCardContainer,
   MucComment,
   MucCommentText,
 };

From 477b4e1b7a82445cda9e8c3d144f828ec69a2c52 Mon Sep 17 00:00:00 2001
From: "jannik.lange" <jannik.lange@muenchen.de>
Date: Wed, 8 May 2024 11:55:24 +0200
Subject: [PATCH 4/6] :art: formated code #57

---
 .../BuisnessHours/MucBuisnessHours.vue        |  5 +++
 src/components/BuisnessHours/index.ts         |  3 ++
 src/components/Card/MucCard.stories.ts        | 42 +++++++++----------
 src/components/Card/MucCard.vue               | 27 ++++++------
 .../Card/MucCardContainer.stories.ts          | 34 +++++++--------
 src/components/Card/MucCardContainer.vue      |  4 +-
 src/components/Intro/MucIntro.vue             | 13 ++++--
 7 files changed, 70 insertions(+), 58 deletions(-)
 create mode 100644 src/components/BuisnessHours/MucBuisnessHours.vue
 create mode 100644 src/components/BuisnessHours/index.ts

diff --git a/src/components/BuisnessHours/MucBuisnessHours.vue b/src/components/BuisnessHours/MucBuisnessHours.vue
new file mode 100644
index 00000000..d879ed07
--- /dev/null
+++ b/src/components/BuisnessHours/MucBuisnessHours.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template></template>
+
+<style scoped></style>
diff --git a/src/components/BuisnessHours/index.ts b/src/components/BuisnessHours/index.ts
new file mode 100644
index 00000000..027c4439
--- /dev/null
+++ b/src/components/BuisnessHours/index.ts
@@ -0,0 +1,3 @@
+import MucBuisnessHours from "./MucBuisnessHours.vue";
+
+export { MucBuisnessHours };
diff --git a/src/components/Card/MucCard.stories.ts b/src/components/Card/MucCard.stories.ts
index f661421e..0372623f 100644
--- a/src/components/Card/MucCard.stories.ts
+++ b/src/components/Card/MucCard.stories.ts
@@ -1,39 +1,39 @@
-import {fn} from "@storybook/test";
+import { fn } from "@storybook/test";
 
 import MucCard from "./MucCard.vue";
 
 export default {
-    component: MucCard,
-    title: "MucCard",
-    tags: ["autodocs"],
-    // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked
-    args: {onClick: fn()},
-    parameters: {
-        docs: {
-            description: {
-                component: `A Card-Component in Patternlab-Style.
+  component: MucCard,
+  title: "MucCard",
+  tags: ["autodocs"],
+  // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked
+  args: { onClick: fn() },
+  parameters: {
+    docs: {
+      description: {
+        component: `A Card-Component in Patternlab-Style.
                 
 Use inside [MucCardContainer](/docs/muccardcontainer--docs) for a automatically wrapping layout.
 
 🔗 Patternlab-Docs (not yet available)
 `,
-            },
-        },
+      },
     },
+  },
 };
 
 export const Default = {
-    args: {
-        title: "Lorem Ipsum",
-        tagline: "Dolor",
-        content: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
-    },
+  args: {
+    title: "Lorem Ipsum",
+    tagline: "Dolor",
+    content:
+      "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
+  },
 };
 
-
 export const WithHeaderPrefix = () => ({
-    components: {MucCard},
-    template: `
+  components: { MucCard },
+  template: `
       <MucCard
           v-bind="$props"
           title="Lorem Ipsum"
@@ -52,4 +52,4 @@ export const WithHeaderPrefix = () => ({
         </template>
       </MucCard>
     `,
-});
\ No newline at end of file
+});
diff --git a/src/components/Card/MucCard.vue b/src/components/Card/MucCard.vue
index 4e3f25fd..019b42c5 100644
--- a/src/components/Card/MucCard.vue
+++ b/src/components/Card/MucCard.vue
@@ -1,14 +1,16 @@
 <template>
   <div
-      class="card"
-      @click="emit('click', $event)"
+    class="card"
+    @click="emit('click', $event)"
   >
     <div class="card-content">
-
       <div class="card-header">
         <slot name="headerPrefix" />
         <div>
-          <div v-if="tagline" class="card-tagline">
+          <div
+            v-if="tagline"
+            class="card-tagline"
+          >
             {{ tagline }}
           </div>
           <div>
@@ -17,15 +19,14 @@
         </div>
       </div>
 
-      <div class="muc-divider"></div>
+      <div class="muc-divider" />
 
-      <slot name="content"/>
+      <slot name="content" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-
 const emit = defineEmits<{
   /**
    * Triggered when card is clicked.
@@ -35,8 +36,8 @@ const emit = defineEmits<{
 }>();
 
 defineProps<{
-  title: string,
-  tagline: string,
+  title: string;
+  tagline: string;
 }>();
 
 defineSlots<{
@@ -49,11 +50,9 @@ defineSlots<{
    */
   content(): any;
 }>();
-
 </script>
 
 <style scoped>
-
 .card {
   cursor: pointer;
   border: solid 1px var(--color-neutrals-blue);
@@ -75,8 +74,10 @@ defineSlots<{
 
 .card-tagline {
   font-size: 16px;
-  font-family: Open Sans, sans-serif;
-  color: #005A9F;
+  font-family:
+    Open Sans,
+    sans-serif;
+  color: #005a9f;
   font-weight: 700;
   line-height: 24px;
   word-wrap: break-word;
diff --git a/src/components/Card/MucCardContainer.stories.ts b/src/components/Card/MucCardContainer.stories.ts
index 1cba48d3..5cb5e8d5 100644
--- a/src/components/Card/MucCardContainer.stories.ts
+++ b/src/components/Card/MucCardContainer.stories.ts
@@ -1,30 +1,30 @@
-import {fn} from "@storybook/test";
+import { fn } from "@storybook/test";
 
-import MucCardContainer from "./MucCardContainer.vue";
 import MucCard from "./MucCard.vue";
+import MucCardContainer from "./MucCardContainer.vue";
 
 export default {
-    components: {MucCardContainer},
-    component: MucCardContainer,
-    title: "MucCardContainer",
-    tags: ["autodocs"],
-    // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked
-    args: {onClick: fn()},
-    parameters: {
-        docs: {
-            description: {
-                component: `A wrapping Layout to use with [MucCard](/docs/muccard--docs).
+  components: { MucCardContainer },
+  component: MucCardContainer,
+  title: "MucCardContainer",
+  tags: ["autodocs"],
+  // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked
+  args: { onClick: fn() },
+  parameters: {
+    docs: {
+      description: {
+        component: `A wrapping Layout to use with [MucCard](/docs/muccard--docs).
 
 🔗 Patternlab-Docs (not yet available)
 `,
-            },
-        }
+      },
     },
+  },
 };
 
 export const Template = () => ({
-    components: {MucCardContainer, MucCard},
-    template: `
+  components: { MucCardContainer, MucCard },
+  template: `
       <MucCardContainer>
         <MucCard
             v-bind="$props"
@@ -40,4 +40,4 @@ export const Template = () => ({
         </MucCard>
       </MucCardContainer>
     `,
-});
\ No newline at end of file
+});
diff --git a/src/components/Card/MucCardContainer.vue b/src/components/Card/MucCardContainer.vue
index d2ec2e31..db49156f 100644
--- a/src/components/Card/MucCardContainer.vue
+++ b/src/components/Card/MucCardContainer.vue
@@ -1,6 +1,4 @@
-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <div class="container card-container">
diff --git a/src/components/Intro/MucIntro.vue b/src/components/Intro/MucIntro.vue
index 713d2f5f..aeee5d73 100644
--- a/src/components/Intro/MucIntro.vue
+++ b/src/components/Intro/MucIntro.vue
@@ -23,13 +23,15 @@ defineSlots<{
 </script>
 
 <template>
-
   <div class="m-intro m-intro-vertical">
     <div class="m-intro-vertical__body">
       <div class="container">
         <div class="m-intro-vertical__grid">
           <div class="m-intro-vertical__grid-inner">
-            <span v-if="tagline" class="m-intro-vertical__tagline">
+            <span
+              v-if="tagline"
+              class="m-intro-vertical__tagline"
+            >
               {{ tagline }}
             </span>
 
@@ -37,7 +39,10 @@ defineSlots<{
               {{ title }}
             </h1>
 
-            <div v-if="divider" class="muc-divider"></div>
+            <div
+              v-if="divider"
+              class="muc-divider"
+            ></div>
 
             <div class="m-intro-vertical__content">
               <p>
@@ -56,4 +61,4 @@ defineSlots<{
   margin-top: 8px;
   margin-bottom: 16px;
 }
-</style>
\ No newline at end of file
+</style>

From 3515f75046e8063b506a05cb3709f80d89256a56 Mon Sep 17 00:00:00 2001
From: langehm <38280183+langehm@users.noreply.github.com>
Date: Wed, 8 May 2024 13:54:10 +0200
Subject: [PATCH 5/6] :poop: removed files from other branch #57

---
 src/components/BuisnessHours/MucBuisnessHours.vue | 5 -----
 src/components/BuisnessHours/index.ts             | 3 ---
 2 files changed, 8 deletions(-)
 delete mode 100644 src/components/BuisnessHours/MucBuisnessHours.vue
 delete mode 100644 src/components/BuisnessHours/index.ts

diff --git a/src/components/BuisnessHours/MucBuisnessHours.vue b/src/components/BuisnessHours/MucBuisnessHours.vue
deleted file mode 100644
index d879ed07..00000000
--- a/src/components/BuisnessHours/MucBuisnessHours.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup lang="ts"></script>
-
-<template></template>
-
-<style scoped></style>
diff --git a/src/components/BuisnessHours/index.ts b/src/components/BuisnessHours/index.ts
deleted file mode 100644
index 027c4439..00000000
--- a/src/components/BuisnessHours/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import MucBuisnessHours from "./MucBuisnessHours.vue";
-
-export { MucBuisnessHours };

From b2de5b3fa620bad093b66030122ac2188b69fe20 Mon Sep 17 00:00:00 2001
From: "fabian.wilms" <fabian.wilms@muenchen.de>
Date: Wed, 8 May 2024 14:00:45 +0200
Subject: [PATCH 6/6] :ok_hand: FB_JL: order template > script > style

---
 src/components/Card/MucCardContainer.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/Card/MucCardContainer.vue b/src/components/Card/MucCardContainer.vue
index db49156f..c47f496a 100644
--- a/src/components/Card/MucCardContainer.vue
+++ b/src/components/Card/MucCardContainer.vue
@@ -1,18 +1,24 @@
-<script setup lang="ts"></script>
-
 <template>
   <div class="container card-container">
-    <slot />
+    <slot/>
   </div>
 </template>
 
+<script setup lang="ts">
+defineSlots<{
+  /**
+   * MucCards can be put into this slot.
+   */
+  default(): any;
+}>();
+</script>
+
 <style scoped>
 @media all and (min-width: 992px) {
   .card-container {
     padding-left: 0;
     padding-right: 0;
     display: grid;
-    /* here you set when the width should change to be moved to the next row, in this example, the divs will move when the screen reduces size and their width is less than 200px */
     grid-template-columns: repeat(auto-fit, 384px);
     grid-column-gap: 32px;
     grid-row-gap: 32px;
@@ -24,7 +30,6 @@
     padding-left: 0;
     padding-right: 0;
     display: inline-grid;
-    /* here you set when the width should change to be moved to the next row, in this example, the divs will move when the screen reduces size and their width is less than 200px */
     grid-template-columns: 1fr;
     grid-row-gap: 32px;
   }