No TypeScript Declaration File

[OzairP]

A .d.tsdeclaration file would be awesome for TypeScript users:)

[Rickgg]

Been reading up on this... Apparently, we would have to use ts-loader with Webpack and compile the templates before distribution... I haven't found any other way yet. @luisDanielRoviraContreras you okay with that?

[luisDanielRoviraContreras]

Well if that is the solution to give it! Can you make a PR on this?

[OzairP]

@Rickgg ts-loader is only needed if you're actually using TypeScript within the project. However if you're not you can simply define index.d.ts without any compilation to type the method signatures. This won't be packaged with WebPack

See: https://github.com/ElemeFE/element/tree/dev/types

[Rickgg]

Will check that out, thanks.

[bluelovers]

hope can support typescript

at vue cli 3 there has many error

84:20 Property 'colorAlert' does not exist on type 'Vue'.
    82 |     acceptAlert(){
    83 |       this.$vs.notify({
  > 84 |         color:this.colorAlert,
       |                    ^
    85 |         title:'Accept Selected',
    86 |         text:'Lorem ipsum dolor sit amet, consectetur'
    87 |       })

[davidrock]

Any update on that? A @types/vuesax would be great! I would like to start a new project using this template but we need to build it with typescript

[sjmcdowall]

Anything? I am in need of this as well (or would like it anyway) :)

[CanadianBeaver]

Any updates? I am looking for a solution... Please add the types.

[danijelh]

Also here because of TypeScript support. On larger projects, especially the one like Vuesax Admin, TypeScript can be very helpful.

@bluelovers you can resolve errors like that by creating declaration file. EX: src/types/declarations/vue-instance-types.ts

import Vue from "vue";

declare module "vue/types/vue" {
  interface Vue {
    $vs: any; // vuesax custom plugin
  }
}

Also don't forget to reload VS Code.

[rashadrivera]

Any updates? I am looking for a solution... Please add the types.

Does anyone know a work around? My project is dead in the water without TS support.

[luisDanielRoviraContreras]

@rashadrivera in the new version we are working with ts and it will have its respective file

[rashadrivera]

ts and it will have its respective file

luisDanielRoviraContreras,

That is great. Is that version in your Git repo? I'm not seeing it. Also, if I could help speed that along, please let me know. I'm basically stuck until this gets released. Unfortunetelly, I've invested in a template that uses Vuesax, but my project is built in Vue/TypeScript.

[RonaldCast]

Also here because of TypeScript support. On larger projects, especially the one like Vuesax Admin, TypeScript can be very helpful.

@bluelovers you can resolve errors like that by creating declaration file. EX: src/types/declarations/vue-instance-types.ts

import Vue from "vue";

declare module "vue/types/vue" {
  interface Vue {
    $vs: any; // vuesax custom plugin
  }
}

Also don't forget to reload VS Code.

This is a excellent soluction, very good

[bluelovers]

im not need this file, i mean the .d.ts for vuesax

[sadeq-qafari]

@rashadrivera in the new version we are working with ts and it will have its respective file

any news on that subject?

[nicolidin]

Need .d.ts file too..

[sadeq-qafari]

any news?

[armanivvv]

Really need .d.ts file

[Arcaster42]

Two years and no declaration file? If that's the case, guessing this is abandoned.

[khatthaphone]

Still waiting...

[TuxGamer]

Also waiting.

So glad I didn't yet purchase the premium variant

[MannyDiera]

Not sure if this is correct but after adding the interface from above, I still received errors. My solution in addition to the above was to create a .d.ts file and declare the module.

// src/vuesax.d.ts
declare module 'vuesax';

[GenaroHV]

Acabo de intentar con las soluciones anteriores, pero hasta el momento me sigue generando dicho error. Quiero importar Vuesax a un proyecto en Ionic (Vue|Typescript)😔

[dorosch]

Still waiting...

[shtse8]

Still waiting...

[MoskalenkoM]

Still waiting... But no, it's not working with Vue3 + TypeScript...

[fatfatcocofat]

declare module 'vuesax' {
  import { PluginFunction } from 'vue'
  const Vuesax: { install: PluginFunction<any> }
  export default Vuesax
}