chore(vite): add svg loader

raidorev · Oct 14, 2022 · c20e176 · c20e176
1 parent c556bdc
commit c20e176
Show file tree

Hide file tree

Showing 4 changed files with 145 additions and 3 deletions.
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -37,6 +37,7 @@
     "stylelint-config-standard-vue": "^1.0.0",
     "vite": "^3.1.6",
     "vite-plugin-vuetify": "^1.0.0-alpha.17",
+    "vite-svg-loader": "^3.6.0",
     "vue-cli-plugin-vuetify": "~2.5.8",
     "vue-tsc": "^1.0.3"
   }

diff --git a/apps/web/src/vite-env.d.ts b/apps/web/src/vite-env.d.ts
@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-svg-loader" />
 
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'

diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
@@ -1,10 +1,11 @@
 import vue from '@vitejs/plugin-vue'
 import { defineConfig } from 'vite'
 import vuetify from 'vite-plugin-vuetify'
+import svgLoader from 'vite-svg-loader'
 
 export default defineConfig({
   server: {
     port: 8080,
   },
-  plugins: [vue(), vuetify({ autoImport: true })],
+  plugins: [vue(), vuetify({ autoImport: true }), svgLoader()],
 })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml