diff --git a/frontend/components/ItemViewer.vue b/frontend/components/ItemViewer.vue new file mode 100644 index 0000000..6af8012 --- /dev/null +++ b/frontend/components/ItemViewer.vue @@ -0,0 +1,86 @@ + + + + + diff --git a/frontend/components/TreeItem.vue b/frontend/components/TreeItem.vue new file mode 100644 index 0000000..4b640e1 --- /dev/null +++ b/frontend/components/TreeItem.vue @@ -0,0 +1,72 @@ + + + diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 63b3745..8fc1fc0 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -9,6 +9,7 @@ "dependencies": { "mongodb": "^6.10.0", "nuxt": "^3.14.1592", + "svg-dom-arrows": "^2.3.0", "vue": "latest", "vue-router": "latest" } @@ -8033,6 +8034,12 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/svg-dom-arrows": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/svg-dom-arrows/-/svg-dom-arrows-2.3.0.tgz", + "integrity": "sha512-qli0SobsH1fpsdwxjFp0hb+38pOFFnN3c3rTBnSk8UGpw66hmfwUmGaaPG2nxjgceBA2UBptfCyEHn6KHV+/lA==", + "license": "MIT" + }, "node_modules/svg-tags": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz", diff --git a/frontend/package.json b/frontend/package.json index 2eb2cf9..a2eb477 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -12,6 +12,7 @@ "dependencies": { "mongodb": "^6.10.0", "nuxt": "^3.14.1592", + "svg-dom-arrows": "^2.3.0", "vue": "latest", "vue-router": "latest" } diff --git a/frontend/pages/champion/[id].vue b/frontend/pages/champion/[id].vue index 42a755f..e806a04 100644 --- a/frontend/pages/champion/[id].vue +++ b/frontend/pages/champion/[id].vue @@ -6,9 +6,14 @@ const { data : championData } = await useFetch("/api/champion/" + championId)