No Ts support about vue-plugin-load-script HOT 6 CLOSED

The first file helps Typescript to compile (because it knows the vue-plugin-load-script module)
The second file adds the functions as global to a vue object / vue component (you can see them via auto completion in VS Code IDE)

from vue-plugin-load-script.

I am facing the same problem but I dont know where I have to put these Files so Vue recognises them?

from vue-plugin-load-script.

@tobiasgubo It depend on your typescript configuration (tsconfig.json file) but if your .d.ts file is in your "include" files, it should be automatically detected (except if you have manually defined types option)

In my project, i have this structure

/src
  /@types
      vue-plugin-load-script.module.d.ts
      vue.global.d.ts
  /components
     HelloWorld.vue
tsconfig.json

// HelloWorld.vue
@Component
export default class HelloWorld extends Vue {
  async mounted() {
    await this.$loadScript("http://url.com");
  }
}

// tsconfig.json
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "strictPropertyInitialization": false,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "resolveJsonModule": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx"],
  "exclude": ["node_modules"]
}

from vue-plugin-load-script.

hi @rdhainaut.
Faced with the same issue, but i have created only a declaration file with `declare module "vue-plugin-load-script"' content and it helped me. Could you explain why needed the second file which was mentioed above?

from vue-plugin-load-script.

@rdhainaut THANK U so much !

from vue-plugin-load-script.

Typings added in v1.3.4!

from vue-plugin-load-script.