diff --git a/data-viewer/app/viewer/app.js b/data-viewer/app/viewer/app.js
index 41e806d2..51130af0 100644
--- a/data-viewer/app/viewer/app.js
+++ b/data-viewer/app/viewer/app.js
@@ -9,11 +9,9 @@ const columnKeysFirst = (c1, c2) => {
return 0 // retain natural order of normal columns
}
-const vue = new Vue ({
+const vue = Vue.createApp ({
- el:'#app',
-
- data: {
+ data() { return {
error: undefined,
dataSource: storageGet('data-source', 'db'),
skip: storageGet('skip', 0),
@@ -24,7 +22,7 @@ const vue = new Vue ({
data: [],
rowDetails: {},
rowKey: storageGet('rowKey')
- },
+ }},
watch: {
dataSource: (v) => { storageSet('data-source', v); vue.fetchEntities() },
@@ -77,13 +75,13 @@ const vue = new Vue ({
else vue.rowDetails = {}
vue.error = undefined
} catch (err) {
- if (err.response?.data?.error) {
- vue.error = err.response?.data?.error
- } else {
- vue.error = err
- }
vue.data = []
vue.rowDetails = {}
+ if (err.response?.data?.error) {
+ vue.error = err.response.data.error
+ } else {
+ vue.error = { code:err.code, message:err.message }
+ }
}
},
@@ -116,5 +114,6 @@ const vue = new Vue ({
}
})
+.mount('#app')
vue.fetchEntities()
diff --git a/data-viewer/app/viewer/index.html b/data-viewer/app/viewer/index.html
index 1ec4f1ff..9fd723a1 100644
--- a/data-viewer/app/viewer/index.html
+++ b/data-viewer/app/viewer/index.html
@@ -5,7 +5,9 @@
Data Browser
-
+
+
+