named slot

Cristiano Magro

2025-01-05 30949bb4a4b22fef5119f04c3e3276c42aaab085

 09 - deeper into components/cmp-adv-01-starting-setup/src/components/BadgeList.vue

@@ -1,7 +1,10 @@
<template>
  <section>
  <base-card>
      <template v-slot:header>
    <h2>Available Badges</h2>
      </template>
      <template v-slot:default>
    <ul>
      <li>
        <base-badge type="admin" caption="ADMIN"></base-badge>
@@ -10,16 +13,17 @@
        <base-badge type="author" caption="AUTHOR"></base-badge>
      </li>
    </ul>
      </template>
  </base-card>
  </section>
</template>

<style scoped>

section h2 {
  margin: 0.5rem 0;
  color: #3a3a3a;
}

ul {
  list-style: none;
  margin: 0;