SummerPaX

<script setup lang="ts">
import { ref, watch } from 'vue';
import { CraftBeer } from './interfaces';
const beerList = ref<CraftBeer[]>([])
const filter = ref('')

// Declare the debounce Timeout Variable 
// (we need it to reset the timeout)
let debounceTimeout: number | null = null

SummerPaX

.csaw-section-title {
    background: linear-gradient(45deg, #545454, #727272);
    border-radius: 2px;
    color: white;
    text-align: center;
    flex-grow: 0;
    font-size: 1.5rem;
    padding: 4px;
    margin: 0;
}

SummerPaX

{
  "sections": [
    {
      "title": "Mo. 16.01.2023",
      "items": [
        {
          "logo": "GoogleSlides",
          "title": "Javascript in a Nutshell",
          "link": "https://docs.google.com/presentation/d/1IG7Aku1kgSiZ3E2Br8QwhO6Ov1UQt-2hDaL6dKzfY5s/edit?usp=sharing"
        },