diff --git a/cookbook/templates/test.html b/cookbook/templates/test.html
index f1c083de8..87aad3234 100644
--- a/cookbook/templates/test.html
+++ b/cookbook/templates/test.html
@@ -16,5 +16,16 @@
 
 
 {% block script %}
+    {% if debug %}
+        <script src="{% url 'js_reverse' %}"></script>
+    {% else %}
+        <script src="{% static 'django_js_reverse/reverse.js' %}"></script>
+    {% endif %}
 
+    <script type="application/javascript">
+
+        window.CUSTOM_LOCALE = '{{ request.LANGUAGE_CODE }}'
+    </script>
+
+    {% render_bundle 'test_view' %}
 {% endblock %}
\ No newline at end of file
diff --git a/vue/src/apps/TestView/TestView.vue b/vue/src/apps/TestView/TestView.vue
new file mode 100644
index 000000000..115d1e1d2
--- /dev/null
+++ b/vue/src/apps/TestView/TestView.vue
@@ -0,0 +1,39 @@
+<template>
+
+    <div id="app">
+
+    </div>
+</template>
+
+<script>
+import Vue from "vue"
+import { BootstrapVue } from "bootstrap-vue"
+
+import "bootstrap-vue/dist/bootstrap-vue.css"
+
+Vue.use(BootstrapVue)
+
+//import Multiselect from "vue-multiselect"
+
+export default {
+    name: "TestView",
+    mixins: [],
+    components: {
+      // Multiselect,
+    },
+    data() {
+        return {
+
+        }
+    },
+    mounted() {
+        this.$i18n.locale = window.CUSTOM_LOCALE
+
+    },
+    methods: {
+
+    },
+}
+</script>
+
+<style></style>
diff --git a/vue/src/apps/TestView/main.js b/vue/src/apps/TestView/main.js
new file mode 100644
index 000000000..e49716ace
--- /dev/null
+++ b/vue/src/apps/TestView/main.js
@@ -0,0 +1,18 @@
+import Vue from 'vue'
+import App from './TestView.vue'
+import i18n from '@/i18n'
+
+Vue.config.productionTip = false
+
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
+
+new Vue({
+    i18n,
+    render: h => h(App),
+}).$mount('#app')
diff --git a/vue/yarn.lock b/vue/yarn.lock
index effea49b6..356b2a707 100644
--- a/vue/yarn.lock
+++ b/vue/yarn.lock
@@ -1871,21 +1871,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@kevinfaguiar/vue-twemoji-picker@npm:^5.7.4":
-  version: 5.7.4
-  resolution: "@kevinfaguiar/vue-twemoji-picker@npm:5.7.4"
-  dependencies:
-    "@popperjs/core": ^2.4.0
-    lodash.pick: ^4.4.0
-    twemoji: ^13.0.0
-    twitter-text: ^3.1.0
-    vue-clickaway: ^2.2.2
-  peerDependencies:
-    vue: ^2.6.11
-  checksum: d48b9759f7a34dcb722a178b94ca9358852ecdfbf380ea07a64e80afd41be4bfc778199c726cd2a2caf1254730b2c1661f1bd88ec752fa02f38a1e89aa8c38b3
-  languageName: node
-  linkType: hard
-
 "@leichtgewicht/ip-codec@npm:^2.0.1":
   version: 2.0.4
   resolution: "@leichtgewicht/ip-codec@npm:2.0.4"
@@ -1978,7 +1963,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@popperjs/core@npm:^2.11.6, @popperjs/core@npm:^2.4.0":
+"@popperjs/core@npm:^2.11.6":
   version: 2.11.6
   resolution: "@popperjs/core@npm:2.11.6"
   checksum: 47fb328cec1924559d759b48235c78574f2d71a8a6c4c03edb6de5d7074078371633b91e39bbf3f901b32aa8af9b9d8f82834856d2f5737a23475036b16817f0
@@ -5368,9 +5353,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001332, caniuse-lite@npm:^1.0.30001335":
-  version: 1.0.30001344
-  resolution: "caniuse-lite@npm:1.0.30001344"
-  checksum: 9dba66f796dc98632dced4c5d487d0fad219e137a27c634eec68520f2e598a613e3371b9207e15a078689a629128eca898793e37fc98841821ab481bddad51b9
+  version: 1.0.30001446
+  resolution: "caniuse-lite@npm:1.0.30001446"
+  checksum: b31a7e1837783afd7f3d4cb742689996c0a09d67394ddaa0609fd2bce00ceea65c448e25f91c03ba0f2d0e345b7e28fd5bc636c6760c949621a654c0effe74b5
   languageName: node
   linkType: hard
 
@@ -8079,7 +8064,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:^8.0.1, fs-extra@npm:^8.1.0":
+"fs-extra@npm:^8.1.0":
   version: 8.1.0
   resolution: "fs-extra@npm:8.1.0"
   dependencies:
@@ -10001,19 +9986,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsonfile@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "jsonfile@npm:5.0.0"
-  dependencies:
-    graceful-fs: ^4.1.6
-    universalify: ^0.1.2
-  dependenciesMeta:
-    graceful-fs:
-      optional: true
-  checksum: e0ecff572dba34153a66e3a3bc5c6cb01a2c1d2cf4a2c19b6728dcfcab39d94be9cca4a0fc86a17ff2c815f2aeb43768ac75545780dbea4009433fdc32aa14d1
-  languageName: node
-  linkType: hard
-
 "jsonfile@npm:^6.0.1":
   version: 6.1.0
   resolution: "jsonfile@npm:6.1.0"
@@ -10312,13 +10284,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.pick@npm:^4.4.0":
-  version: 4.4.0
-  resolution: "lodash.pick@npm:4.4.0"
-  checksum: 2c36cab7da6b999a20bd3373b40e31a3ef81fa264f34a6979c852c5bc8ac039379686b27380f0cb8e3781610844fafec6949c6fbbebc059c98f8fa8570e3675f
-  languageName: node
-  linkType: hard
-
 "lodash.sortby@npm:^4.7.0":
   version: 4.7.0
   resolution: "lodash.sortby@npm:4.7.0"
@@ -12631,7 +12596,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"punycode@npm:1.4.1, punycode@npm:^1.2.4":
+"punycode@npm:^1.2.4":
   version: 1.4.1
   resolution: "punycode@npm:1.4.1"
   checksum: fa6e698cb53db45e4628559e557ddaf554103d2a96a1d62892c8f4032cd3bc8871796cae9eabc1bc700e2b6677611521ce5bb1d9a27700086039965d0cf34518
@@ -14883,44 +14848,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"twemoji-parser@npm:13.1.0":
-  version: 13.1.0
-  resolution: "twemoji-parser@npm:13.1.0"
-  checksum: 8046ce003c03dd92d68c2648cfbfa39c659fca4f05c10da8d14957985dc3c0c680f3ecf2de8245dc1ddffedc5b2a675f2032053e1e77cc7474301a88fe192ad3
-  languageName: node
-  linkType: hard
-
-"twemoji-parser@npm:^11.0.2":
-  version: 11.0.2
-  resolution: "twemoji-parser@npm:11.0.2"
-  checksum: 79075c6512253f17713f236c4853dccdcc9c5a6c2d15b0109c02d684402a21ccdd80352e490cdf76072fe2c09c7c288e501ed41185ebef69df69fe355f9b7c37
-  languageName: node
-  linkType: hard
-
-"twemoji@npm:^13.0.0":
-  version: 13.1.1
-  resolution: "twemoji@npm:13.1.1"
-  dependencies:
-    fs-extra: ^8.0.1
-    jsonfile: ^5.0.0
-    twemoji-parser: 13.1.0
-    universalify: ^0.1.2
-  checksum: f60a8785ad6eb1a673c4f1bccb00a852ead13639db9f763c0e3e9dee6e3e67d88f1d2b481bcee34c35570ab060918b30b6ee68aa65ea1042ad35cd83212a102a
-  languageName: node
-  linkType: hard
-
-"twitter-text@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "twitter-text@npm:3.1.0"
-  dependencies:
-    "@babel/runtime": ^7.3.1
-    core-js: ^2.5.0
-    punycode: 1.4.1
-    twemoji-parser: ^11.0.2
-  checksum: 1ba9481f292bd34f7b73fbec60f7705061c1054a899f26e060d74dd473c9dbcad81247a1e25174c43c4a6c4f2957d1b46d55353bdcfc5e9c195ac07ee0e8631f
-  languageName: node
-  linkType: hard
-
 "type-check@npm:^0.4.0, type-check@npm:~0.4.0":
   version: 0.4.0
   resolution: "type-check@npm:0.4.0"
@@ -15148,7 +15075,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"universalify@npm:^0.1.0, universalify@npm:^0.1.2":
+"universalify@npm:^0.1.0":
   version: 0.1.2
   resolution: "universalify@npm:0.1.2"
   checksum: 40cdc60f6e61070fe658ca36016a8f4ec216b29bf04a55dce14e3710cc84c7448538ef4dad3728d0bfe29975ccd7bfb5f414c45e7b78883567fb31b246f02dff
@@ -15582,7 +15509,6 @@ __metadata:
     "@babel/eslint-parser": ^7.19.1
     "@emoji-mart/data": ^1.1.1
     "@kazupon/vue-i18n-loader": ^0.5.0
-    "@kevinfaguiar/vue-twemoji-picker": ^5.7.4
     "@popperjs/core": ^2.11.6
     "@riophae/vue-treeselect": ^0.4.0
     "@typescript-eslint/eslint-plugin": ^4.33.0