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

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]

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);

[bestickley]

Yep, I’m sure it works for me. I’m not sure why it wouldn’t be working for you 😦