Svg as inline component not working in vue 3 with rspack

[hammadahamed]

Is the any loader that can be used to load svg's as inline components in rspack
vite has vite-svg-loader

tried different ways nothing is working in rspack

[LingyuCoder]

cc @9aoy

[9aoy]

try https://github.com/damianstasik/vue-svg-loader

[hammadahamed]

cc @9aoy

This isn't working either.
vue-svg-loader keeps throwing the template-compiler-sfc version error (which it uses internally)., which is basically intended to be for vue2

[hammadahamed]

try https://github.com/damianstasik/vue-svg-loader
cc @9aoy

✅ Resolved it using....

there is another package vue-svg-loader-2.
with this i can just import the .svg files like a regular component.

and my setup in rspack.config.ts is

      {
        test: /\.svg$/,
        use: ["vue-loader", , "vue-svg-loader-2"],
      }