Adding inline alias

examples/vue-ts/index.d.ts

@@ -10,6 +10,12 @@ declare module '*.svg?component' {
   export default src
 }
 
+declare module '*.svg?inline' {
+  import { FunctionalComponent, SVGAttributes } from 'vue'
+  const src: FunctionalComponent<SVGAttributes>
+  export default src
+}
+
 declare module '*.svg?url' {
   const src: String
   export default src

examples/vue-ts/src/App.vue

@@ -4,6 +4,7 @@ import { defineAsyncComponent } from "vue";
 
 import HelloWorld from "./components/HelloWorld.vue";
 import Test from "./assets/test.svg?component";
+import TestInline from "./assets/test.svg?inline";
 import testUrl from "./assets/test.svg?url";
 import testRaw from "./assets/test.svg?raw";
 
@@ -16,6 +17,10 @@ const Async = defineAsyncComponent(() => import(`./assets/${name}.svg`));
     <Test class="test-svg" />
   </div>
 
+  <div id="component">
+    <TestInline class="test-svg" />
+  </div>
+
   <div id="image">
     <img src="./assets/test.svg?url">
   </div>

index.js

@@ -5,7 +5,7 @@ const { optimize: optimizeSvg } = require('svgo')
 module.exports = function svgLoader (options = {}) {
   const { svgoConfig, svgo, defaultImport } = options
 
-  const svgRegex = /\.svg(\?(raw|component|skipsvgo))?$/
+  const svgRegex = /\.svg(\?(raw|component|skipsvgo|inline))?$/
 
   return {
     name: 'svg-loader',