Vuejs+TypeScriptのプロジェクトで、非TSなVueコンポーネント内のメソッドを呼び出す

<template>
  <div>
    <v-swatches ref="child"></v-swatches>
  </div>
</template>
<script lang="ts">
import VSwatches from "vue-swatches";
import { Vue, Component, Prop } from "vue-property-decorator";
import "vue-swatches/dist/vue-swatches.css";

// Interfaceを定義
interface IVSwatches extends Vue {
  // 呼び出したいメソッドを書いてあげる
  getAlwaysOnScreenStyle(): any;
}

@Component({
  components: {
    VSwatches,
  },
})
export default class Parent extends Vue {
// --(略)--
  // 型アサーションをつかい、型をつけて子要素を取得するだけのメソッドを定義する
  public hoge(): IVSwatches {
    return this.$refs.child as IVSwatches;
  }
  // 上記のメソッドから子要素を取得して、Interfaceで定義したメソッドを呼び出す
  public hoge2(): void {
    const ho = this.hoge().getAlwaysOnScreenStyle();
    // --(略)--
  }
}
</script>