diff --git a/.gitignore b/.gitignore
index b302ff5..a45903b 100755
--- a/.gitignore
+++ b/.gitignore
@@ -9,3 +9,4 @@ coverage
 dist
 *.swp
 src
+.direnv
diff --git a/example/pages/javascript.vue b/example/pages/javascript.vue
new file mode 100644
index 0000000..ef1edcd
--- /dev/null
+++ b/example/pages/javascript.vue
@@ -0,0 +1,82 @@
+<template>
+  <section class="container">
+    <div>
+      <nuxt-logo/>
+      <python-logo />
+      <h1 class="title">
+        {{ name }}
+      </h1>
+      <h2 class="subtitle">
+        {{ description }}
+      </h2>
+      <div class="links">
+        <a
+          href="https://github.com/nuxt-community/python-module"
+          target="_blank"
+          class="button--green">Module Docs</a>
+      </div>
+
+      <br>
+
+      <button @click="decrement">-</button>
+      {{ $store.state.counter }}
+      <button @click="increment">+</button>
+    </div>
+  </section>
+</template>
+
+<script>
+import PythonLogo from '~/components/PythonLogo'
+import NuxtLogo from '~/components/NuxtLogo'
+
+
+export default {
+  components : { 'NuxtLogo': NuxtLogo, 'PythonLogo': PythonLogo },
+  data: function () {
+    return {
+      'name': 'Nuxt.js + Python',
+      'description': 'Build Nuxt.js applications using Python!'
+      }
+  },
+  methods: {
+    increment: function() {
+      this['$store'].commit('increment')
+    },
+    decrement: function() {
+      this['$store'].commit('decrement')
+    }
+  }
+}
+
+</script>
+
+<style>
+.container {
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.title {
+  font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */
+  display: block;
+  font-weight: 300;
+  font-size: 100px;
+  color: #35495e;
+  letter-spacing: 1px;
+}
+
+.subtitle {
+  font-weight: 300;
+  font-size: 42px;
+  color: #526488;
+  word-spacing: 5px;
+  padding-bottom: 15px;
+}
+
+.links {
+  padding-top: 15px;
+}
+</style>
diff --git a/example/pages/transcrypt.vue b/example/pages/transcrypt.vue
new file mode 100644
index 0000000..b16166f
--- /dev/null
+++ b/example/pages/transcrypt.vue
@@ -0,0 +1,85 @@
+<template>
+  <section class="container">
+    <div>
+      <nuxt-logo/>
+      <python-logo />
+      <h1 class="title">
+        {{ name }}
+      </h1>
+      <h2 class="subtitle">
+        {{ description }}
+      </h2>
+      <div class="links">
+        <a
+          href="https://github.com/nuxt-community/python-module"
+          target="_blank"
+          class="button--green">Module Docs</a>
+      </div>
+
+      <br>
+
+      <button @click="decrement">-</button>
+      {{ $store.state.counter }}
+      <button @click="increment">+</button>
+    </div>
+  </section>
+</template>
+
+<script lang="py?compiler=transcrypt">
+__pragma__('jsiter')
+
+PythonLogo = require ('@/components/PythonLogo')['default']
+NuxtLogo = require ('@/components/NuxtLogo')['default']
+
+def increment(self):
+  console.log(self)
+  this['$store'].commit('increment')
+
+def decrement(self):
+  console.log(this)
+  this['$store'].commit('decrement')
+
+c = {}  # __: jsiter
+c['components'] = { 'NuxtLogo': NuxtLogo, 'PythonLogo': PythonLogo }
+c['data'] = lambda: {
+    'name': 'Nuxt.js + Python',
+    'description': 'Build Nuxt.js applications using Python!'
+    }
+c['methods'] = {
+    'increment': increment,
+    'decrement': decrement
+    }
+
+module.exports = c
+</script>
+
+<style>
+.container {
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.title {
+  font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */
+  display: block;
+  font-weight: 300;
+  font-size: 100px;
+  color: #35495e;
+  letter-spacing: 1px;
+}
+
+.subtitle {
+  font-weight: 300;
+  font-size: 42px;
+  color: #526488;
+  word-spacing: 5px;
+  padding-bottom: 15px;
+}
+
+.links {
+  padding-top: 15px;
+}
+</style>