JavaScriptPlayground
diff --git a/‎.gitignore
-1 b/‎.gitignore
-1
diff --git a/‎build.config.ts
+2-1 b/‎build.config.ts
+2-1
diff --git a/‎deno.lock
+71 b/‎deno.lock
+71
diff --git a/‎src/box/index.ts
+14 b/‎src/box/index.ts
+14
diff --git a/‎src/box/styles/index.scss
+4 b/‎src/box/styles/index.scss
+4
diff --git a/‎src/button/mod.ts
-1 b/‎src/button/mod.ts
-1
diff --git a/‎src/button_group/mod.ts b/‎src/button_group/mod.ts
diff --git a/‎src/index.html
+13 b/‎src/index.html
+13
diff --git a/‎src/index.ts
-1 b/‎src/index.ts
-1
@@ -1,6 +1,5 @@
 .vscode/
 dist/
-deno.lock
 
 *.css
 report.xml
@@ -51,11 +51,12 @@ const TSConfig: esbuild.BuildOptions = {
   outdir: './dist',
   entryNames: '[dir]/bundle.min',
   entryPoints: [
-    './src/**/index.ts',
+    './src/**/index.ts'
   ],
 };
 
 if (!args.watch) {
+
   console.log(bold('Coping HTML files...'));
 
   await esbuild.build(HTMLConfig);
 
@@ -0,0 +1,14 @@
+import {
+  LitElement,
+  TemplateResult,
+  customElement,
+  html
+} from '../../deps/lit.ts';
+
+@customElement('lit-box')
+export class LitBox extends LitElement {
+
+  render() : TemplateResult<1> {
+    return html`<div><slot></slot></div>`;
+  }
+}
@@ -0,0 +1,4 @@
+lit-box {
+  background-color: red;
+}
+
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script type="module" src="./box/bundle.min.js" defer></script>
+    <link rel="stylesheet" href="./bundle.min.css">
+  </head>
+  <body>
+    <lit-box class="lit-box">Button</lit-box>
+  </body>
+</html>
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +lit-box {
 +  background-color: red;
 +}
++