diff --git a/docs/mix-manifest.json b/docs/mix-manifest.json
index 367f5ef1e..4362e9385 100644
--- a/docs/mix-manifest.json
+++ b/docs/mix-manifest.json
@@ -1,3 +1,4 @@
{
+ "/source/js/app.js": "/source/js/app.js",
"/source/css/main.css": "/source/css/main.css"
}
\ No newline at end of file
diff --git a/docs/package.json b/docs/package.json
index 11d707456..89316ca5b 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -2,16 +2,19 @@
"scripts": {
"dev": "npm run compile-css-js && jigsaw build",
"compile-css-js": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+ "watch-js": "chokidar 'source/_assets/js/**/*' --initial=true -c 'npm run compile-css-js'",
"watch-css": "chokidar 'tailwind.js' 'source/_assets/less/**/*' --initial=true -c 'npm run compile-css-js'",
"watch-templates": "chokidar 'source/**/*' --initial=true -c 'jigsaw build'",
- "watch": "concurrently \"npm run watch-css\" \"npm run watch-templates\"",
+ "watch": "concurrently \"npm run watch-css\" \"npm run watch-js\" \"npm run watch-templates\"",
"prod": "npm run production && jigsaw build production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"private": true,
"devDependencies": {
"cross-env": "^3.2.3",
- "laravel-mix": "^1.5.1"
+ "escape-html": "^1.0.3",
+ "laravel-mix": "^1.5.1",
+ "vue": "^2.5.2"
},
"dependencies": {
"chokidar-cli": "^1.2.0",
diff --git a/docs/source/_assets/js/app.js b/docs/source/_assets/js/app.js
new file mode 100644
index 000000000..1ce244284
--- /dev/null
+++ b/docs/source/_assets/js/app.js
@@ -0,0 +1,7 @@
+window.Vue = require('vue')
+
+Vue.component('responsive-code-sample', require('./components/ResponsiveCodeSample.vue'))
+
+const app = new Vue({
+ el: '#app'
+})
diff --git a/docs/source/_assets/js/components/ResponsiveCodeSample.vue b/docs/source/_assets/js/components/ResponsiveCodeSample.vue
new file mode 100644
index 000000000..759fa34ab
--- /dev/null
+++ b/docs/source/_assets/js/components/ResponsiveCodeSample.vue
@@ -0,0 +1,42 @@
+
+