diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index 43d6e1d..b8c2f45 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -17,4 +17,5 @@
 //= require sb-admin-v2/plugins/dataTables/dataTables.bootstrap
 //= require bower/vue/dist/vue
 //= require bower/es6-promise/promise
+//= require vue_common
 //= require_tree .
diff --git a/app/assets/javascripts/tutorial.js b/app/assets/javascripts/tutorial.js
index 1328c4a..a19c068 100644
--- a/app/assets/javascripts/tutorial.js
+++ b/app/assets/javascripts/tutorial.js
@@ -1,11 +1,6 @@
 (function(){
   "use strict";
 
-  // NOTE: should move to common space if this filter used another place
-  Vue.filter('to_json', function (value) {
-      return JSON.stringify(value);
-  })
-
   $(function(){
     if($('#chapter1').length === 0) return;
 
diff --git a/app/assets/javascripts/vue_common.js b/app/assets/javascripts/vue_common.js
new file mode 100644
index 0000000..ffecc97
--- /dev/null
+++ b/app/assets/javascripts/vue_common.js
@@ -0,0 +1,4 @@
+Vue.filter('to_json', function (value) {
+    return JSON.stringify(value);
+})
+