diff --git a/cookbook/templates/shoppinglist_template.html b/cookbook/templates/shoppinglist_template.html
index 95e88237..8085b544 100644
--- a/cookbook/templates/shoppinglist_template.html
+++ b/cookbook/templates/shoppinglist_template.html
@@ -12,6 +12,7 @@
 
 <script type="application/javascript">
     window.IMAGE_PLACEHOLDER = "{% static 'assets/recipe_no_image.svg' %}"
+    window.CUSTOM_LOCALE = '{{ request.LANGUAGE_CODE }}'
 </script>
 
 {% render_bundle 'shopping_list_view' %} {% endblock %}
diff --git a/vue/src/apps/ShoppingListView/ShoppingListView.vue b/vue/src/apps/ShoppingListView/ShoppingListView.vue
index e952d8ae..7ae5c271 100644
--- a/vue/src/apps/ShoppingListView/ShoppingListView.vue
+++ b/vue/src/apps/ShoppingListView/ShoppingListView.vue
@@ -934,6 +934,8 @@ export default {
                 this.ui = Object.assign({}, this.ui, this.$cookies.get(SETTINGS_COOKIE_NAME))
             }
         })
+        this.$i18n.locale = window.CUSTOM_LOCALE
+        console.log(window.CUSTOM_LOCALE)
     },
     methods: {
         // this.genericAPI inherited from ApiMixin