Can i use mixins global in vue? i am use typescript with vue

[cuongdevjs]

mounted() {
    Vue.$notify("OK", "success", "notify", 2000);
  }

if i call function $notify (in file mixins and declared in main.ts) by this or Vue. ts will show error this function doesn't exist in module. So how to can call this function in the component?

[bestickley]

I have this same question. I've tried augmenting types shown here: https://vuejs.org/v2/guide/typescript.html#Augmenting-Types-for-Use-with-Plugins
But still no luck.

[bestickley]

Solution:

//inside src/mixins.ts
import { Component, Vue } from "vue-property-decorator";

@Component
export default class Mixin extends Vue {
  toCurrency(number: number) {
      const formatter = new Intl.NumberFormat("en-US", {
        style: "currency",
        currency: "USD",
        minimumFractionDigits: 2
      });
      return formatter.format(number);
    }
}

//inside src/main.ts
import mixins from "@/mixins";
Vue.mixin(mixins)

// inside src/types.d.ts
import Vue from "vue";
declare module "vue/types/vue" {
  interface Vue {
    toCurrency(number: number): string;
  }
}

// inside src/App.vue\
const amount = this.toCurrency(1000);

[cuongdevjs]

Can you sure it work? I also do that but it's not working

[bestickley]

Yep, I'm sure it works for me. I'm not sure why it wouldn't be working for you :(

[kaorun343]

@CuongStf
Hi.
Could you ask this question at Vue's official forum?
This issue is not caused by this library.
Thanks.