commit 697246a54f02ed065022f903e20d534fe659d115
Author: Cosmin Tanislav <demonsingur@gmail.com>
Date:   Fri Mar 22 19:13:03 2024 +0200

    Move svg styling out of file

diff --git a/package.json b/package.json
index 01ec26f..9677653 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "tailwindcss": "^4.3.0",
     "typescript": "^6.0.3",
     "vite": "^8.0.16",
+    "vite-svg-loader": "^5.1.0",
     "vue-eslint-parser": "^10.4.0",
     "vue-tsc": "^3.3.3"
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ffc4375..9b0470c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -105,6 +105,9 @@ importers:
       vite:
         specifier: ^8.0.16
         version: 8.0.16(@types/node@25.9.1)(esbuild@0.27.7)(jiti@2.7.0)(yaml@2.9.0)
+      vite-svg-loader:
+        specifier: ^5.1.0
+        version: 5.1.1(vue@3.5.35(typescript@6.0.3))
       vue-eslint-parser:
         specifier: ^10.4.0
         version: 10.4.0(eslint@10.4.1(jiti@2.7.0))
@@ -1089,6 +1092,10 @@ packages:
     resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
     engines: {node: '>= 20.19.0'}
 
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
   confbox@0.1.8:
     resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
 
@@ -1103,11 +1110,30 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  css-select@5.2.2:
+    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
+
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
+    engines: {node: '>= 6'}
+
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
     hasBin: true
 
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
@@ -1135,10 +1161,27 @@ packages:
       '@modelcontextprotocol/sdk':
         optional: true
 
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
   enhanced-resolve@5.22.1:
     resolution: {integrity: sha512-6QEuw3zoX1SJQc7b87aBXke/no+mG2bTBgw29gWMQonLmpEkWoCAVkl+M49e48AZlWzxiDzDZzYdp6kobcyLww==}
     engines: {node: '>=10.13.0'}
 
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
   entities@7.0.1:
     resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
     engines: {node: '>=0.12'}
@@ -1471,6 +1514,12 @@ packages:
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
   merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -1702,6 +1751,10 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  sax@1.6.0:
+    resolution: {integrity: sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==}
+    engines: {node: '>=11.0.0'}
+
   scule@1.3.0:
     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
@@ -1735,6 +1788,11 @@ packages:
     resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
     engines: {node: '>=16'}
 
+  svgo@3.3.3:
+    resolution: {integrity: sha512-+wn7I4p7YgJhHs38k2TNjy1vCfPIfLIJWR5MnCStsN8WuuTcBnRKcMHQLMM2ijxGZmDoZwNv8ipl5aTTen62ng==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
   synckit@0.11.13:
     resolution: {integrity: sha512-eNRKgb3z66Yp3D2CixVujOUvXLFUTij/zVnV8KRyvFdQwpz7I5DS8UfRkTeLzb64u+dkzDSdelE24izu+zSSUg==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -1822,6 +1880,11 @@ packages:
       typescript:
         optional: true
 
+  vite-svg-loader@5.1.1:
+    resolution: {integrity: sha512-RPzcXA/EpKJA0585x58DBgs7my2VfeJ+j2j1EoHY4Zh82Y7hV4cR1fElgy2aZi85+QSrcLLoTStQ5uZjD68u+Q==}
+    peerDependencies:
+      vue: '>=3.2.13'
+
   vite@8.0.16:
     resolution: {integrity: sha512-h9bXPmJichP5fLmVQo3PyaGSDE2n3aPuomeAlVRm0JLmt4rY6zmPKd59HYI4LNW8oTK7tlTsuC7l/m7awx9Jcw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2794,6 +2857,8 @@ snapshots:
     dependencies:
       readdirp: 5.0.0
 
+  commander@7.2.0: {}
+
   confbox@0.1.8: {}
 
   confbox@0.2.4: {}
@@ -2808,8 +2873,32 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css-select@5.2.2:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      nth-check: 2.1.1
+
+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.1
+
+  css-tree@2.3.1:
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.1
+
+  css-what@6.2.2: {}
+
   cssesc@3.0.0: {}
 
+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
   csstype@3.2.3: {}
 
   debug@4.4.3:
@@ -2837,11 +2926,31 @@ snapshots:
       - typescript
       - utf-8-validate
 
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
   enhanced-resolve@5.22.1:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.3.3
 
+  entities@4.5.0: {}
+
   entities@7.0.1: {}
 
   esbuild@0.27.7:
@@ -3153,6 +3262,10 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  mdn-data@2.0.28: {}
+
+  mdn-data@2.0.30: {}
+
   merge2@1.4.1: {}
 
   micromatch@4.0.8:
@@ -3345,6 +3458,8 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
+  sax@1.6.0: {}
+
   scule@1.3.0: {}
 
   semver@7.8.1: {}
@@ -3365,6 +3480,16 @@ snapshots:
     dependencies:
       copy-anything: 4.0.5
 
+  svgo@3.3.3:
+    dependencies:
+      commander: 7.2.0
+      css-select: 5.2.2
+      css-tree: 2.3.1
+      css-what: 6.2.2
+      csso: 5.0.5
+      picocolors: 1.1.1
+      sax: 1.6.0
+
   synckit@0.11.13:
     dependencies:
       '@pkgr/core': 0.3.6
@@ -3442,6 +3567,14 @@ snapshots:
     optionalDependencies:
       typescript: 6.0.3
 
+  vite-svg-loader@5.1.1(vue@3.5.35(typescript@6.0.3)):
+    dependencies:
+      debug: 4.4.3
+      svgo: 3.3.3
+      vue: 3.5.35(typescript@6.0.3)
+    transitivePeerDependencies:
+      - supports-color
+
   vite@8.0.16(@types/node@25.9.1)(esbuild@0.27.7)(jiti@2.7.0)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..9cf1307
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1,10 @@
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 39.934929 16.189163"
+   width="100%"
+   height="100%"
+>
+  <path
+     d="m 36.016743,8.19 a 4,4 0 0 0 -3,1.33 l -0.23,-0.09 a 29.62,29.62 0 0 0 -4.77,-1.43 v 0 a 8,8 0 0 0 -16,0 h -0.22 A 29.53,29.53 0 0 0 7.1967435,9.39 l -0.23,0.09 a 4,4 0 1 0 0.93,1.78 v 0 a 27.62,27.62 0 0 1 4.2899995,-1.29 8,8 0 0 0 15.57,0 27.55,27.55 0 0 1 4.29,1.28 v 0 a 4,4 0 1 0 3.97,-3.06 z m -31.9999995,6 a 2,2 0 1 1 2,-2 2,2 0 0 1 -2,2 z m 15.9999995,0 a 6,6 0 1 1 6,-6 6,6 0 0 1 -6,6 z m 16,0 a 2,2 0 1 1 2,-2 2,2 0 0 1 -2,2 z m -13,-6 a 3,3 0 1 1 -3,-3 3,3 0 0 1 3,3 z"
+     id="path2" />
+</svg>
diff --git a/src/assets/navbar-logo.svg b/src/assets/navbar-logo.svg
deleted file mode 100644
index b8af22b..0000000
--- a/src/assets/navbar-logo.svg
+++ /dev/null
@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 39.934929 16.189163"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="navbar-logo.svg"
-   width="39.934929"
-   height="16.189163"
-   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1022"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="24.154768"
-     inkscape:cx="14.08877"
-     inkscape:cy="12.831686"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4"
-     inkscape:document-rotation="0" />
-  <path
-     d="m 36.016743,8.19 a 4,4 0 0 0 -3,1.33 l -0.23,-0.09 a 29.62,29.62 0 0 0 -4.77,-1.43 v 0 a 8,8 0 0 0 -16,0 h -0.22 A 29.53,29.53 0 0 0 7.1967435,9.39 l -0.23,0.09 a 4,4 0 1 0 0.93,1.78 v 0 a 27.62,27.62 0 0 1 4.2899995,-1.29 8,8 0 0 0 15.57,0 27.55,27.55 0 0 1 4.29,1.28 v 0 a 4,4 0 1 0 3.97,-3.06 z m -31.9999995,6 a 2,2 0 1 1 2,-2 2,2 0 0 1 -2,2 z m 15.9999995,0 a 6,6 0 1 1 6,-6 6,6 0 0 1 -6,6 z m 16,0 a 2,2 0 1 1 2,-2 2,2 0 0 1 -2,2 z m -13,-6 a 3,3 0 1 1 -3,-3 3,3 0 0 1 3,3 z"
-     id="path2"
-     style="fill:#167c80;fill-opacity:1" />
-</svg>
diff --git a/src/assets/sidebar-logo.svg b/src/assets/sidebar-logo.svg
deleted file mode 100644
index aff50ad..0000000
--- a/src/assets/sidebar-logo.svg
+++ /dev/null
@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 39.934929 16.189163"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="sidebar-logo.svg"
-   width="39.934929"
-   height="16.189163"
-   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1022"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="24.154768"
-     inkscape:cx="22.016811"
-     inkscape:cy="19.455637"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4"
-     inkscape:document-rotation="0" />
-  <path
-     d="m 36.016743,8.19 a 4,4 0 0 0 -3,1.33 l -0.23,-0.09 a 29.62,29.62 0 0 0 -4.77,-1.43 v 0 a 8,8 0 0 0 -16,0 h -0.22 A 29.53,29.53 0 0 0 7.1967435,9.39 l -0.23,0.09 a 4,4 0 1 0 0.93,1.78 v 0 a 27.62,27.62 0 0 1 4.2899995,-1.29 8,8 0 0 0 15.57,0 27.55,27.55 0 0 1 4.29,1.28 v 0 a 4,4 0 1 0 3.97,-3.06 z m -31.9999995,6 a 2,2 0 1 1 2,-2 2,2 0 0 1 -2,2 z m 15.9999995,0 a 6,6 0 1 1 6,-6 6,6 0 0 1 -6,6 z m 16,0 a 2,2 0 1 1 2,-2 2,2 0 0 1 -2,2 z m -13,-6 a 3,3 0 1 1 -3,-3 3,3 0 0 1 3,3 z"
-     id="path2"
-     style="fill:#ffffff" />
-</svg>
diff --git a/src/components/navbar/NavBar.vue b/src/components/navbar/NavBar.vue
index 785c8ca..74f914a 100644
--- a/src/components/navbar/NavBar.vue
+++ b/src/components/navbar/NavBar.vue
@@ -8,7 +8,7 @@
         <button class="btn cursor-pointer rounded-lg p-2" @click="toggleDark()">
           <MdiIcon :path="isDark ? mdiWeatherNight : mdiWeatherSunny" />
         </button>
-        <img class="h-6 lg:hidden" src="../../assets/navbar-logo.svg" alt="LineageOS Logo" />
+        <div class="h-6 lg:hidden [&_path]:fill-brand-primary" v-html="logo"></div>
       </div>
     </div>
     <div class="flex overflow-auto leading-4 whitespace-nowrap">
@@ -46,6 +46,7 @@
 import MdiIcon from '@/components/mdi-icon/MdiIcon.vue'
 import { mdiWeatherNight, mdiWeatherSunny } from '@mdi/js'
 import { useDark, useToggle } from '@vueuse/core'
+import logo from '../../assets/logo.svg?raw'
 
 defineProps<{
   tabs: ({
diff --git a/src/components/sidebar/SideBar.vue b/src/components/sidebar/SideBar.vue
index 168b493..d4a9924 100644
--- a/src/components/sidebar/SideBar.vue
+++ b/src/components/sidebar/SideBar.vue
@@ -4,7 +4,7 @@
   >
     <RouterLink to="/">
       <div class="logo bg-brand-primary flex h-25 shrink-0 items-center justify-center">
-        <img class="h-10" src="../../assets/sidebar-logo.svg" alt="LineageOS Logo" />
+        <div class="h-10 [&_path]:fill-white" v-html="logo"></div>
       </div>
     </RouterLink>
     <DeviceSelector :active-model="activeModel" />
@@ -13,6 +13,7 @@
 
 <script setup lang="ts">
 import DeviceSelector from '../device-selector/DeviceSelector.vue'
+import logo from '../../assets/logo.svg?raw'
 
 defineProps<{ activeModel?: string }>()
 </script>
diff --git a/vite.config.ts b/vite.config.ts
index fae0878..b5263b4 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -3,13 +3,14 @@ import { fileURLToPath, URL } from 'node:url'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import tailwindcss from '@tailwindcss/vite'
+import svgLoader from 'vite-svg-loader'
 
 // https://vite.dev/config/
 export default defineConfig({
   build: {
     sourcemap: true
   },
-  plugins: [vue(), tailwindcss()],
+  plugins: [vue(), tailwindcss(), svgLoader()],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
