ho scoperto che non serve perforza npm per far funzionare l'intellise…

…nse e autocomplete di tailwindcss. grazie al suggerimento trovato su github tailwindlabs/tailwindcss-intellisense#27 (comment)
Laaouatni · Dec 23, 2024 · 5e0cece · 5e0cece
1 parent a3fcb1d
commit 5e0cece
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/2025/WebComponentsLearning/TodoItem.js b/2025/WebComponentsLearning/TodoItem.js
@@ -1,8 +1,8 @@
 class TodoItem extends HTMLElement {
   constructor() {
     super();
-    this.innerHTML = `Hi I am custom ${this.innerText}!`;
+    this.innerHTML = `Hi I am custom <h3>${this.innerText}</h3>!`;
   }
 }
 
-customElements.define("todo-item", TodoItem);
+customElements.define("todo-item", TodoItem);
diff --git a/2025/WebComponentsLearning/index.html b/2025/WebComponentsLearning/index.html
@@ -5,8 +5,15 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <script defer src="./TodoItem.js"></script>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <style>
+    h3 {
+      color: red;
+    }
+  </style>
 </head>
 <body>
+  <h3>other</h3>
   <todo-item>hello</todo-item>
 </body>
 </html>
diff --git a/2025/WebComponentsLearning/tailwind.config.js b/2025/WebComponentsLearning/tailwind.config.js