diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 680aa0e..7e42723 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -7,6 +7,7 @@ export default {
OpenDatabaseLicense: 'Open Database License',
},
misc: {
+ loading: 'Loading…',
or: 'or',
there: 'there',
},
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 39d7cec..72f1e79 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -14,6 +14,7 @@ export const mutations = {
[types.STORE_PRODUCT](state, { product }) {
state.product = product;
state.isLoading = false;
+ state.ui.title = product.product_name; // Set UI title
},
[types.IS_LOADING](state) {
state.isLoading = true;
diff --git a/src/views/Loading.vue b/src/views/Loading.vue
new file mode 100644
index 0000000..bfc2e4b
--- /dev/null
+++ b/src/views/Loading.vue
@@ -0,0 +1,14 @@
+
+
+
+
+ {{ $t('misc.loading') }}
+
+
+
+
+
+
diff --git a/src/views/Product.vue b/src/views/Product.vue
index e9f84d6..3bbc4a9 100644
--- a/src/views/Product.vue
+++ b/src/views/Product.vue
@@ -1,11 +1,15 @@
-
-
-
- Loading…
-
-
-
+
+
+
+
+
+
+
+
+
+
+
@@ -34,10 +38,9 @@
-
-
-
-
+
+
+
Overview
view_list
@@ -51,14 +54,19 @@
info_outline
-
+
+
+