diff --git a/src/index.js b/src/index.js
index 712c889..80a4fc1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,4 +1,10 @@
-import Registery from './js/registery.js';
+import {Register} from './js/register.js';
+import HelloRiot from './components/hello-riot/hello-riot.riot';
 
-// globally register all pages
-Registery();
+// define global components here
+const registry = {
+    'hello-riot': HelloRiot
+};
+
+// register global components 
+Register(registry);
diff --git a/src/js/register.js b/src/js/register.js
new file mode 100644
index 0000000..30654d5
--- /dev/null
+++ b/src/js/register.js
@@ -0,0 +1,23 @@
+import {register, mount} from 'riot';
+
+/**
+ * Register Global Components
+ * 
+ * helper that registers and mounts global components
+ * via an object registry
+ * 
+ * @param {Object} registry     key:value object registry
+ */
+export function Register(registry = {}) {
+    Object.entries(registry).map(([name, component]) => {
+        register(name, component);
+        mount(name);
+
+        return {
+            name,
+            component
+        }
+    });
+}
+
+export default Register;
diff --git a/src/js/registery.js b/src/js/registery.js
deleted file mode 100644
index c0cce8e..0000000
--- a/src/js/registery.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import {register, mount} from 'riot';
-import HelloRiot from '../pages/hello-riot/hello-riot.riot';
-
-/*
-    Add Global Pages to registry
-*/
-const Registry = {
-    'hello-riot': HelloRiot
-};
-
-export default () => {
-    Object.entries(Registry).map(([name, component]) => {
-        register(name, component);
-        mount(name);
-
-        return {
-            name,
-            component
-        }
-    });
-}