Type error

Hi,

Thanks for this loader! I’m using it in Vue 3 with TypeScript, and I’m getting the following Vetur warning in VS Code for each SVG in the line that says something like components: { MyLogo }:

No overload matches this call.
  The last overload gave the following error.
    Type 'string' is not assignable to type 'Component<any, any, any, Record<string, ComputedGetter<any> | WritableComputedOptions<any>>, MethodOptions>'

Is there a way to inform TypeScript that the result of that import { MyLogo } from "mylogo.svg" will, in fact, be a Component, not a string?

Everything still works fine, it’s just a red-squiggly issue.

[gabrielchiquini]

hi, maybe vite/client types is conflicting with your declaration in Vite 2. I’m getting this error

10   export default src
                    ~~~

  node_modules/vite/client.d.ts:130:18
    130   export default src
                         ~~~
    'src' was also declared here.

node_modules/vite/client.d.ts:130:18 - error TS2300: Duplicate identifier 'src'.

130   export default src
                     ~~~

  node_modules/vite-svg-loader/index.d.ts:10:18
    10   export default src
                        ~~~
    'src' was also declared here.


Found 2 errors.

I don’t know if you can override, but Vite 2 provide types for svg. Doc: https://vitejs.dev/guide/features.html#client-types

[jpkleemans]

This is fixed in version 2.0.3. You’ll need to use the ?component param when importing your svg files in a TypeScript project:

import MyIcon from './my-icon.svg?component'