如何在基于Vue类的typescript组件上声明全局混合和过滤器？

// globalMixin.ts
import { Vue } from 'vue';

Vue.mixin({
  data() {
    return {
      globalData: 'This is a global data'
    };
  },
  methods: {
    globalMethod() {
      console.log('This is a global method');
    }
  },
  created() {
    console.log('Global mixin created');
  }
});

// main.ts
import { createApp } from 'vue';
import App from './App.vue';
import './globalMixin.ts';

createApp(App).mount('#app');

// MyComponent.vue
import { Vue } from 'vue';

export default Vue.extend({
  created() {
    console.log(this.globalData); // 输出：This is a global data
    this.globalMethod(); // 输出：This is a global method
  }
});

// globalFilter.ts
import { Vue } from 'vue';

Vue.filter('uppercase', function(value: string) {
  return value.toUpperCase();
});

// main.ts
import { createApp } from 'vue';
import App from './App.vue';
import './globalFilter.ts';

createApp(App).mount('#app');

<!-- MyComponent.vue -->
<template>
  <div>
    {{ message | uppercase }}
  </div>
</template>