diff --git a/.gitignore b/.gitignore
index 65f0706..073c92b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,7 +5,8 @@ node_modules
 yarn.lock
 
 .psc-ide-port
+.parcel-cache
 .psci_modules
 .spago
 output
-docs
\ No newline at end of file
+docs
diff --git a/examples/index.html b/examples/index.html
index 160a262..49f4831 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -13,7 +13,7 @@
 
     </article>
 
-    <script src="main.js"></script>
+    <script type="module" src="main.js"></script>
 
     <a href="https://github.com/nonbili/purescript-halogen-nselect" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
   </body>
diff --git a/examples/package.json b/examples/package.json
index b845cb6..2babfa9 100644
--- a/examples/package.json
+++ b/examples/package.json
@@ -13,6 +13,7 @@
     "highlight.js": "^9.18.1",
     "markdown-it-anchor": "^5.2.5",
     "markdown-it-table-of-contents": "^0.4.4",
+    "parcel": "^2.2.1",
     "tailwindcss": "^1.2.0"
   }
 }
diff --git a/examples/packages.dhall b/examples/packages.dhall
deleted file mode 100644
index bdff5ed..0000000
--- a/examples/packages.dhall
+++ /dev/null
@@ -1,15 +0,0 @@
-let upstream =
-      https://github.com/purescript/package-sets/releases/download/psc-0.13.6-20200127/packages.dhall sha256:06a623f48c49ea1c7675fdf47f81ddb02ae274558e29f511efae1df99ea92fb8
-
-let overrides = {=}
-
-let additions =
-      { halogen-custom-element =
-          { dependencies = [ "prelude", "halogen", "effect", "aff" ]
-          , repo =
-              "https://github.com/nonbili/purescript-halogen-custom-element.git"
-          , version = "e4f5a39a865df775a3f047e8f6df4aee53431d6d"
-          }
-      }
-
-in  upstream // overrides // additions
diff --git a/examples/spago.dhall b/examples/spago.dhall
index 2cd611e..4736eb3 100644
--- a/examples/spago.dhall
+++ b/examples/spago.dhall
@@ -1,5 +1,18 @@
 { name = "purescript-halogen-nselect"
-, dependencies = [ "console", "effect", "halogen", "halogen-custom-element" ]
-, packages = ./packages.dhall
-, sources = [ "../src/**/*.purs", "src/**/*.purs" ]
+, dependencies =
+  [ "aff"
+  , "arrays"
+  , "control"
+  , "effect"
+  , "foldable-traversable"
+  , "halogen"
+  , "halogen-custom-element"
+  , "halogen-nselect"
+  , "prelude"
+  , "strings"
+  , "web-events"
+  , "web-uievents"
+  ]
+, packages = ../packages.dhall
+, sources = [ "src/**/*.purs" ]
 }
diff --git a/packages.dhall b/packages.dhall
index f9bab8a..db637b3 100644
--- a/packages.dhall
+++ b/packages.dhall
@@ -10,3 +10,4 @@ in  upstream
         [ "aff", "effect", "halogen", "prelude", "psci-support", "web-html" ]
         "https://github.com/input-output-hk/purescript-halogen-custom-element.git"
         "05dd1f21a00f0e21824a39b57737e41ec4ee6c19"
+  with halogen-nselect = ./spago.dhall as Location
diff --git a/spago.dhall b/spago.dhall
index eab0206..59b6e95 100644
--- a/spago.dhall
+++ b/spago.dhall
@@ -13,16 +13,12 @@ to generate this file without the comments in this block.
 { name = "halogen-nselect"
 , dependencies =
   [ "aff"
-  , "arrays"
-  , "control"
   , "effect"
   , "foldable-traversable"
   , "halogen"
-  , "halogen-custom-element"
   , "maybe"
   , "prelude"
   , "psci-support"
-  , "strings"
   , "unsafe-coerce"
   , "web-dom"
   , "web-events"
@@ -30,5 +26,5 @@ to generate this file without the comments in this block.
   , "web-uievents"
   ]
 , packages = ./packages.dhall
-, sources = [ "src/**/*.purs", "examples/**/*.purs" ]
+, sources = [ "src/**/*.purs" ]
 }