diff --git a/Makefile b/Makefile
index b5c901e..35189e0 100644
--- a/Makefile
+++ b/Makefile
@@ -1,14 +1,14 @@
 
-build: tip.css index.js template.js components
+build: tip.css index.js template.html components
 	@component build --dev
 
-template.js: template.html
-	@component convert $<
-
-components:
+components: component.json
 	@component install --dev
 
 clean:
 	rm -fr build components
 
-.PHONY: clean
+test: build
+	@open test/index.html
+
+.PHONY: clean test
\ No newline at end of file
diff --git a/component.json b/component.json
index af920b4..16ea0c7 100644
--- a/component.json
+++ b/component.json
@@ -21,11 +21,13 @@
     "component/jquery": "*"
   },
   "scripts": [
-    "index.js",
-    "template.js"
+    "index.js"
   ],
   "styles": [
     "tip.css"
   ],
+  "templates": [
+    "template.html"
+  ],
   "license": "MIT"
 }
diff --git a/index.js b/index.js
index d5c1690..5e8a7c5 100644
--- a/index.js
+++ b/index.js
@@ -9,7 +9,7 @@ var query = require('query');
 var domify = require('domify');
 var classes = require('classes');
 var css = require('css');
-var html = domify(require('./template'));
+var html = domify(require('./template.html'));
 var offset = require('offset');
 
 /**