[ADD] awesome_owl: Added card slots

Author: Backendt

awesome_owl/static/src/card/card.js

@@ -6,7 +6,12 @@ export class Card extends Component {
     static template = "awesome_owl.card";
     static props = {
         title: String,
-        text: String
+        slots: {
+            type: Object,
+            shape: {
+                default: true
+            }
+        }
     };
 
 }

awesome_owl/static/src/card/card.xml

@@ -4,7 +4,7 @@
     <t t-name="awesome_owl.card">
         <div class="p-3 border">
             <h3><t t-out="props.title"/></h3>
-            <t t-out="props.text"/>
+            <t t-slot="default"/>
         </div>
     </t>
 

awesome_owl/static/src/playground.xml

@@ -9,8 +9,12 @@
         </div>
         <div class="p-3">
             <Counter/>
-            <Card title="raw_card_title" text="raw_card_text"/>
-            <Card title="card_title" text="card_text"/>
+            <Card title="raw_card_title">
+                <Counter/>
+            </Card>
+            <Card title="card_title">
+                <p>Lorem ipsum</p>
+            </Card>
         </div>
         <div>
             <TodoList/>