From bae1330af41d5475709da06fdb3f03ff199635b6 Mon Sep 17 00:00:00 2001
From: Cristiano Magro <cristiano.magro@vola.it>
Date: Sun, 05 Jan 2025 17:59:41 +0100
Subject: [PATCH] scoped slot
---
09 - deeper into components/cmp-adv-01-starting-setup/src/components/BadgeList.vue | 33 ++++++++++++++++-----------------
1 files changed, 16 insertions(+), 17 deletions(-)
diff --git a/09 - deeper into components/cmp-adv-01-starting-setup/src/components/BadgeList.vue b/09 - deeper into components/cmp-adv-01-starting-setup/src/components/BadgeList.vue
index 1ef93c6..efaba70 100644
--- a/09 - deeper into components/cmp-adv-01-starting-setup/src/components/BadgeList.vue
+++ b/09 - deeper into components/cmp-adv-01-starting-setup/src/components/BadgeList.vue
@@ -1,30 +1,29 @@
<template>
<section>
- <h2>Available Badges</h2>
- <ul>
- <li>
- <base-badge type="admin" caption="ADMIN"></base-badge>
- </li>
- <li>
- <base-badge type="author" caption="AUTHOR"></base-badge>
- </li>
- </ul>
+ <base-card>
+ <template #header>
+ <h2>Available Badges</h2>
+ </template>
+ <template #default>
+ <ul>
+ <li>
+ <base-badge type="admin" caption="ADMIN"></base-badge>
+ </li>
+ <li>
+ <base-badge type="author" caption="AUTHOR"></base-badge>
+ </li>
+ </ul>
+ </template>
+ </base-card>
</section>
</template>
<style scoped>
-section {
- margin: 2rem auto;
- max-width: 30rem;
- border-radius: 12px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
- padding: 1rem;
-}
-
section h2 {
margin: 0.5rem 0;
color: #3a3a3a;
}
+
ul {
list-style: none;
margin: 0;
--
Gitblit v1.8.0