如何使用typescript在vue.js中定义自定义主题？

module.exports = {
  transpileDependencies: ["vuetify"],
  chainWebpack: config => {
    config.module
      .rule("vue")
      .use("vue-loader")
      .tap(options => {
        options.compilerOptions = {
          ...options.compilerOptions,
          isCustomElement: tag => tag.startsWith("v-")
        };
        return options;
      });
  }
};

import { VuetifyThemeVariant } from "vuetify/types/services/theme";

const theme: VuetifyThemeVariant = {
  primary: "#3f51b5",
  secondary: "#b0bec5",
  accent: "#8c9eff",
  error: "#b71c1c"
};

export default theme;

import Vue from "vue";
import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";
import theme from "./my-theme";

Vue.use(Vuetify);

new Vue({
  vuetify: new Vuetify({
    theme: {
      themes: {
        light: theme,
        dark: theme
      }
    }
  }),
  // ...
}).$mount("#app");