updates

demo/index.html

@@ -34,6 +34,6 @@ generate('{character}_{english}')</pre
         </div>
       </div>
     </main>
-    <script src="./main.ts"></script>
+    <script type="module" src="./main.ts"></script>
   </body>
 </html>

demo/main.css

@@ -1,25 +1,26 @@
 * {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol';
 }
 
-main{
-    padding: 4rem 1rem;
-    text-align: center;
+main {
+  padding: 4rem 1rem;
+  text-align: center;
 }
 
 main > div {
-    width: 100%;
-    max-width: 35em;
-    margin: auto;
+  width: 100%;
+  max-width: 35em;
+  margin: auto;
 }
 
 pre {
-    text-align: left;
-    padding: 1em .5em;
-    border-radius: 1.5em;
+  text-align: left;
+  padding: 1em 0.5em;
+  border-radius: 1.5em;
 }
 
-h2 span{
-    color: #3273dc;
-    margin: 0 0.5rem;
-}
+h2 span {
+  color: #3273dc;
+  margin: 0 0.5rem;
+}

demo/main.ts

@@ -1,4 +1,4 @@
-import 'bulma/css/bulma'
+import 'bulma/css/bulma.css'
 import { showAvailableLists, generate } from '../'
 
 const input = window.document.getElementById('format') as HTMLInputElement