[IMP] awsome_owl: task 4 (markup)

Author: tskv

awesome_owl/static/src/playground.js

@@ -1,11 +1,14 @@
-import { Component, useState } from "@odoo/owl";
+import { Component, useState, markup } from "@odoo/owl";
 import { Counter } from "./counter/counter"
 import { Card } from "./card/card";
 
 export class Playground extends Component {
     static template = "awesome_owl.Playground";
     static components = { Counter, Card };
 
+    value1 = "<div class='text-primary'>test</div>";
+    value2 = markup("<a href='odoo.com'>test2</a>");
+
     setup() {
     }
 

awesome_owl/static/src/playground.xml

@@ -10,8 +10,8 @@
             <Counter/>
         </div>
         <div>
-            <Card title="'card 1'" content="'content of card 1'"/>
-            <Card title="'card 2'" content="'content of card 2'"/>
+            <Card title="'card 1'" content="value1"/>
+            <Card title="'card 2'" content="value2"/>
         </div>
     </t>