fixed icons, moved apis urls to config

package-lock.json

@@ -34,7 +34,6 @@
         "tailwindcss": "^3.2.4",
         "typescript": "~4.7.4",
         "vite": "^4.0.0",
-        "vite-svg-loader": "^4.0.0",
         "vue-tsc": "^1.0.12"
       }
     },
@@ -5634,15 +5633,6 @@
         "tweetnacl": "^1.0.3"
       }
     },
-    "node_modules/@trysound/sax": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
-      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/@types/istanbul-lib-coverage": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
@@ -6716,12 +6706,6 @@
       "optional": true,
       "peer": true
     },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true
-    },
     "node_modules/bplist-creator": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/bplist-creator/-/bplist-creator-0.1.0.tgz",
@@ -7451,7 +7435,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
       "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">= 10"
       }
@@ -7697,47 +7681,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/css-select": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
-      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^6.1.0",
-        "domhandler": "^5.0.2",
-        "domutils": "^3.0.1",
-        "nth-check": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/css-tree": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-      "dev": true,
-      "dependencies": {
-        "mdn-data": "2.0.30",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
-      }
-    },
-    "node_modules/css-what": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
-      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -7750,39 +7693,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/csso": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
-      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
-      "dev": true,
-      "dependencies": {
-        "css-tree": "~2.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
-        "npm": ">=7.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/css-tree": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
-      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
-      "dev": true,
-      "dependencies": {
-        "mdn-data": "2.0.28",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
-        "npm": ">=7.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/mdn-data": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
-      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
-      "dev": true
-    },
     "node_modules/dag-map": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/dag-map/-/dag-map-1.0.2.tgz",
@@ -8065,61 +7975,6 @@
       "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
       "dev": true
     },
-    "node_modules/dom-serializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dev": true,
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.2",
-        "entities": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
-    "node_modules/domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
-    },
-    "node_modules/domhandler": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dev": true,
-      "dependencies": {
-        "domelementtype": "^2.3.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
-    "node_modules/domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
-      "dev": true,
-      "dependencies": {
-        "dom-serializer": "^2.0.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -8160,18 +8015,6 @@
         "once": "^1.4.0"
       }
     },
-    "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/env-editor": {
       "version": "0.4.2",
       "resolved": "https://registry.npmjs.org/env-editor/-/env-editor-0.4.2.tgz",
@@ -11519,12 +11362,6 @@
       "optional": true,
       "peer": true
     },
-    "node_modules/mdn-data": {
-      "version": "2.0.30",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-      "dev": true
-    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -12699,18 +12536,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
     "node_modules/nullthrows": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz",
@@ -15589,30 +15414,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/svgo": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz",
-      "integrity": "sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==",
-      "dev": true,
-      "dependencies": {
-        "@trysound/sax": "0.2.0",
-        "commander": "^7.2.0",
-        "css-select": "^5.1.0",
-        "css-tree": "^2.2.1",
-        "csso": "^5.0.5",
-        "picocolors": "^1.0.0"
-      },
-      "bin": {
-        "svgo": "bin/svgo"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/svgo"
-      }
-    },
     "node_modules/tailwindcss": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz",
@@ -16532,16 +16333,6 @@
         }
       }
     },
-    "node_modules/vite-svg-loader": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-4.0.0.tgz",
-      "integrity": "sha512-0MMf1yzzSYlV4MGePsLVAOqXsbF5IVxbn4EEzqRnWxTQl8BJg/cfwIzfQNmNQxZp5XXwd4kyRKF1LytuHZTnqA==",
-      "dev": true,
-      "dependencies": {
-        "@vue/compiler-sfc": "^3.2.20",
-        "svgo": "^3.0.2"
-      }
-    },
     "node_modules/vite/node_modules/rollup": {
       "version": "3.7.3",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.7.3.tgz",
@@ -21205,12 +20996,6 @@
         "tweetnacl": "^1.0.3"
       }
     },
-    "@trysound/sax": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
-      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
-      "dev": true
-    },
     "@types/istanbul-lib-coverage": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
@@ -22120,12 +21905,6 @@
         }
       }
     },
-    "boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true
-    },
     "bplist-creator": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/bplist-creator/-/bplist-creator-0.1.0.tgz",
@@ -22675,7 +22454,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
       "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "devOptional": true
+      "optional": true
     },
     "commondir": {
       "version": "1.0.1",
@@ -22886,68 +22665,12 @@
       "optional": true,
       "peer": true
     },
-    "css-select": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
-      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
-      "dev": true,
-      "requires": {
-        "boolbase": "^1.0.0",
-        "css-what": "^6.1.0",
-        "domhandler": "^5.0.2",
-        "domutils": "^3.0.1",
-        "nth-check": "^2.0.1"
-      }
-    },
-    "css-tree": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-      "dev": true,
-      "requires": {
-        "mdn-data": "2.0.30",
-        "source-map-js": "^1.0.1"
-      }
-    },
-    "css-what": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
-      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
-      "dev": true
-    },
     "cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
       "dev": true
     },
-    "csso": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
-      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
-      "dev": true,
-      "requires": {
-        "css-tree": "~2.2.0"
-      },
-      "dependencies": {
-        "css-tree": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
-          "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
-          "dev": true,
-          "requires": {
-            "mdn-data": "2.0.28",
-            "source-map-js": "^1.0.1"
-          }
-        },
-        "mdn-data": {
-          "version": "2.0.28",
-          "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
-          "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
-          "dev": true
-        }
-      }
-    },
     "dag-map": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/dag-map/-/dag-map-1.0.2.tgz",
@@ -23158,43 +22881,6 @@
       "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
       "dev": true
     },
-    "dom-serializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dev": true,
-      "requires": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.2",
-        "entities": "^4.2.0"
-      }
-    },
-    "domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "dev": true
-    },
-    "domhandler": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dev": true,
-      "requires": {
-        "domelementtype": "^2.3.0"
-      }
-    },
-    "domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
-      "dev": true,
-      "requires": {
-        "dom-serializer": "^2.0.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3"
-      }
-    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -23232,12 +22918,6 @@
         "once": "^1.4.0"
       }
     },
-    "entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true
-    },
     "env-editor": {
       "version": "0.4.2",
       "resolved": "https://registry.npmjs.org/env-editor/-/env-editor-0.4.2.tgz",
@@ -25811,12 +25491,6 @@
       "optional": true,
       "peer": true
     },
-    "mdn-data": {
-      "version": "2.0.30",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-      "dev": true
-    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -26794,15 +26468,6 @@
         "path-key": "^2.0.0"
       }
     },
-    "nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dev": true,
-      "requires": {
-        "boolbase": "^1.0.0"
-      }
-    },
     "nullthrows": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz",
@@ -29041,20 +28706,6 @@
       "version": "1.0.0",
       "devOptional": true
     },
-    "svgo": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz",
-      "integrity": "sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==",
-      "dev": true,
-      "requires": {
-        "@trysound/sax": "0.2.0",
-        "commander": "^7.2.0",
-        "css-select": "^5.1.0",
-        "css-tree": "^2.2.1",
-        "csso": "^5.0.5",
-        "picocolors": "^1.0.0"
-      }
-    },
     "tailwindcss": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz",
@@ -29757,16 +29408,6 @@
         }
       }
     },
-    "vite-svg-loader": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-4.0.0.tgz",
-      "integrity": "sha512-0MMf1yzzSYlV4MGePsLVAOqXsbF5IVxbn4EEzqRnWxTQl8BJg/cfwIzfQNmNQxZp5XXwd4kyRKF1LytuHZTnqA==",
-      "dev": true,
-      "requires": {
-        "@vue/compiler-sfc": "^3.2.20",
-        "svgo": "^3.0.2"
-      }
-    },
     "vlq": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.1.tgz",

package.json

@@ -16,12 +16,12 @@
     "bulma": "^0.9.4",
     "qr-code-styling": "^1.6.0-rc.1",
     "sass": "^1.56.2",
+    "semver": "^7.3.8",
     "tonweb": "^0.0.59",
     "vue": "^3.2.45",
     "vue-contenteditable": "^4.1.0",
     "vue-router": "^4.1.6",
     "vue3-popper": "^1.5.0",
-    "semver": "^7.3.8",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
@@ -36,7 +36,6 @@
     "tailwindcss": "^3.2.4",
     "typescript": "~4.7.4",
     "vite": "^4.0.0",
-    "vite-svg-loader": "^4.0.0",
     "vue-tsc": "^1.0.12"
   }
 }

src/api.ts

@@ -8,14 +8,20 @@ declare var process: {
 
 export class Api {
   public readonly api_url: string;
+  public readonly ton_api_url: string;
+  public readonly tonscan_url: string;
   public agorata_adnl: string =
     "ed4f2afebb5e49dda9684a474c5771141be1f7d85a2fa39f1823844dd476c52d";
 
   constructor() {
     if (process.env.NODE_ENV === "development") {
       this.api_url = "http://localhost:5170/";
+      this.ton_api_url = "https://testnet.tonapi.io/v2/";
+      this.tonscan_url = "https://testnet.tonscan.org/";
     } else {
       this.api_url = "https://api.agorata.io/";
+      this.ton_api_url = "https://tonapi.io/v2/";
+      this.tonscan_url = "https://tonscan.org/";
     }
   }
 }

src/components/DomainTable.vue

@@ -15,9 +15,9 @@
             <Tooltip text="View in explorer">
               <a
                 target="_blank"
-                :href="`https://tonscan.org/address/${item?.address}`"
+                :href="`${config.tonscan_url}address/${item?.address}`"
               >
-                <Link cursor="pointer" />
+                <img src="@/assets/icons/link.svg" />
               </a>
             </Tooltip>
             <span
@@ -34,7 +34,11 @@
         <td>
           <Tooltip text="Go to site">
             <a target="_blank" :href="item?.dns">
-              <Globe style="display: flex" cursor="pointer" />
+              <img
+                src="@/assets/icons/globe.svg"
+                style="display: flex"
+                cursor="pointer"
+              />
             </a>
           </Tooltip>
         </td>
@@ -51,14 +55,13 @@
 import type { CollectionItem } from "@/types";
 import axios from "axios";
 import { computed, onMounted, ref, watch } from "vue";
-import Link from "@/assets/icons/link.svg?component";
 import Tooltip from "./Tooltip.vue";
-import Globe from "@/assets/icons/globe.svg?component";
 import { useRouter } from "vue-router";
 import { get_zones } from "@/result";
 import type { Zone } from "@/zone";
 import { convertAddress } from "@/utils";
 import { useStore } from "vuex";
+import { config } from "@/api";
 
 const store = useStore();
 
@@ -83,7 +86,7 @@ onMounted(async () => {
 
   if (address.value) {
     const { data } = await axios.get<{ nft_items: CollectionItem[] }>(
-      `https://testnet.tonapi.io/v2/accounts/${address.value}/nfts`
+      `${config.ton_api_url}accounts/${address.value}/nfts`
     );
 
     items.value = data.nft_items

src/components/GetDomainBtn.vue

@@ -5,7 +5,7 @@
     for<br />
     <span class="price">
       {{ price }}
-      <img src="../assets/icons/ton_bottom.svg" class="ton_img" alt="TON" />
+      <img src="@/assets/icons/ton_bottom.svg" class="ton_img" alt="TON" />
     </span>
     <template
       v-if="collection_required !== undefined && collection_required !== null"

src/components/Header.vue

@@ -2,7 +2,7 @@
   <header>
     <div class="wrapper flex" style="width: 100%">
       <router-link to="/">
-        <img class="logo" src="../assets/logo.png" alt="Agorata" />
+        <img class="logo" src="@/assets/logo.png" alt="Agorata" />
       </router-link>
       <nav style="display: flex">
         <!--        <router-link to="/">Home</router-link>-->
@@ -24,7 +24,7 @@
             <div class="address">
               <span>{{ address }}</span>
               <img
-                src="../assets/icons/logout.svg"
+                src="@/assets/icons/logout.svg"
                 alt="Logout"
                 @click="$emit('logout')"
                 class="logout-icon"

src/components/TonButton.vue

@@ -1,7 +1,7 @@
 <template>
   <button class="b darkish mobile-scale">
     <span><slot></slot></span>
-    <img src="../assets/icons/ton_bottom.svg" alt="TON" />
+    <img src="@/assets/icons/ton_bottom.svg" alt="TON" />
   </button>
 </template>
 

src/components/WhiteLayout.vue

@@ -15,7 +15,7 @@
           <!-- "Next" button of class "bblue wide" with @/assets/icons/ton_right.svg icon on the right -->
           <button class="b blue wide">
             <span>{{ nexttext }}</span>
-            <img src="../assets/icons/ton_right.svg" alt="Next" />
+            <img src="@/assets/icons/ton_right.svg" alt="Next" />
           </button>
         </router-link>
       </slot>

src/components/ZonePricing.vue

@@ -21,7 +21,7 @@
               class="mobile-scale"
             >
               <img
-                src="../assets/icons/buy.svg"
+                src="@/assets/icons/buy.svg"
                 class="buy_img"
                 alt="Buy on auction"
               />
@@ -36,7 +36,7 @@
               class="mobile-scale"
             >
               <img
-                src="../assets/icons/instant_buy.svg"
+                src="@/assets/icons/instant_buy.svg"
                 class="buy_img"
                 alt="Instant Buy"
               />

src/svg.d.ts

@@ -1,4 +0,0 @@
-declare module "*.svg?component" {
-  const content: any;
-  export default content;
-}

src/views/AddTemplate.vue

@@ -42,7 +42,7 @@
     <template v-slot:header>
       <router-link to="/find">
         <button class="b darkish back">
-          <img src="../assets/icons/ton_left.svg" alt="TON" />
+          <img src="@/assets/icons/ton_left.svg" alt="TON" />
           Back
         </button>
       </router-link>

src/views/Checkout.vue

@@ -5,7 +5,7 @@
         :to="{ name: 'Get', params: { domain_init: domain, zone: zone } }"
       >
         <button class="b darkish back">
-          <img src="../assets/icons/ton_left.svg" alt="TON" />
+          <img src="@/assets/icons/ton_left.svg" alt="TON" />
           Back
         </button>
       </router-link>

src/views/Explore.vue

@@ -5,7 +5,7 @@
         :to="{ name: 'Get', params: { domain_init: core_domain, zone: zone } }"
       >
         <button class="b darkish back">
-          <img src="../assets/icons/ton_left.svg" alt="TON" />
+          <img src="@/assets/icons/ton_left.svg" alt="TON" />
           Back
         </button>
       </router-link>

src/views/Get.vue

@@ -3,7 +3,7 @@
     <template v-slot:header>
       <router-link :to="{ name: 'Find' }">
         <button class="b darkish back">
-          <img src="../assets/icons/ton_left.svg" alt="TON" />
+          <img src="@/assets/icons/ton_left.svg" alt="TON" />
           All zones
         </button>
       </router-link>

src/views/IHave.vue

@@ -2,7 +2,7 @@
   <WhiteLayout next="">
     <template v-slot:header>
       <img
-        src="../assets/headers/i-know.svg"
+        src="@/assets/headers/i-know.svg"
         style="max-height: 100%; max-width: 90%"
         alt="TON DNS"
       />

src/views/IKnow.vue

@@ -2,7 +2,7 @@
   <WhiteLayout next="">
     <template v-slot:header>
       <img
-        src="../assets/headers/i-know.svg"
+        src="@/assets/headers/i-know.svg"
         style="max-height: 100%; max-width: 90%"
         alt="TON DNS"
       />
@@ -28,13 +28,13 @@
     <template v-slot:buttons>
       <router-link :to="{ name: 'IHave' }">
         <button class="b blue wide">
-          <img src="../assets/icons/ton_top.svg" alt="Next" />
+          <img src="@/assets/icons/ton_top.svg" alt="Next" />
           <span>Yes</span>
         </button>
       </router-link>
       <router-link :to="{ name: 'tondns' }">
         <button class="b blue wide">
-          <img src="../assets/icons/ton_bottom.svg" alt="Next" />
+          <img src="@/assets/icons/ton_bottom.svg" alt="Next" />
           <span>No</span>
         </button>
       </router-link>

src/views/Landing.vue

@@ -3,7 +3,7 @@
 <template>
   <main>
     <!-- @/assets/logo_single.png centered horizontally and slightly above center vertically -->
-    <img class="logo" src="../assets/logo_landing.png" alt="Agorata" />
+    <img class="logo" src="@/assets/logo_landing.png" alt="Agorata" />
     <p style="font-size: 1.8rem; padding: 2rem">
       Helping you <b style="font-weight: bold">be</b> the new internet
     </p>

src/views/MintCollection.vue

@@ -35,7 +35,7 @@
     <template v-slot:header>
       <router-link to="/find">
         <button class="b darkish back">
-          <img src="../assets/icons/ton_left.svg" alt="TON" />
+          <img src="@/assets/icons/ton_left.svg" alt="TON" />
           Back
         </button>
       </router-link>

src/views/MyDomains.vue

@@ -4,7 +4,7 @@
     <template v-slot:header>
       <router-link to="/find">
         <button class="b darkish back">
-          <img src="../assets/icons/ton_left.svg" alt="TON" />
+          <img src="@/assets/icons/ton_left.svg" alt="TON" />
           Back
         </button>
       </router-link>

src/views/TonDns.vue

@@ -1,7 +1,7 @@
 <template>
   <WhiteLayout>
     <template v-slot:header>
-      <img src="../assets/tondns.svg" style="height: 100%" alt="TON DNS" />
+      <img src="@/assets/tondns.svg" style="height: 100%" alt="TON DNS" />
     </template>
     <template v-slot:content>
       <div style="justify-content: center; align-items: center">
@@ -13,9 +13,9 @@
           </p>
         </div>
         <div class="columns-3 images">
-          <img class="img" src="../assets/images/usage.png" alt="Usage" />
+          <img class="img" src="@/assets/images/usage.png" alt="Usage" />
-          <img class="img" src="../assets/images/my_name_is.png" alt="lame" />
+          <img class="img" src="@/assets/images/my_name_is.png" alt="lame" />
-          <img class="img" src="../assets/images/anton_ton.png" alt="cool" />
+          <img class="img" src="@/assets/images/anton_ton.png" alt="cool" />
         </div>
       </div>
     </template>
@@ -23,7 +23,7 @@
       <router-link :to="{ name: 'Find' }">
         <button class="b blue wide">
           <span>Omg, can I get one?</span>
-          <img src="../assets/icons/ton_right.svg" alt="Next" />
+          <img src="@/assets/icons/ton_right.svg" alt="Next" />
         </button>
       </router-link>
     </template>

src/views/TonWeb.vue

@@ -1,13 +1,13 @@
 <template>
   <WhiteLayout next="tondns" nexttext="Wow, what else?">
     <template v-slot:header>
-      <img src="../assets/tonweb.svg" style="height: 100%" alt="TON Web" />
+      <img src="@/assets/tonweb.svg" style="height: 100%" alt="TON Web" />
     </template>
     <template v-slot:content>
       <div class="columns-2">
         <div>
           <img
-            src="../assets/images/tonweb_duck.png"
+            src="@/assets/images/tonweb_duck.png"
             alt="TON Web"
             style="width: 20rem"
           />

vite.config.ts

@@ -1,11 +1,10 @@
 import { fileURLToPath, URL } from "node:url";
-import svgLoader from "vite-svg-loader";
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), svgLoader({ svgo: false })],
+  plugins: [vue()],
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),