Vue3 を利用するときに、どうやって this.$scrollmagic を取得するのか

Vue2 から Vue3 になり、出来ることは変わりませんが、
以前では root context にアクセスするためには、this という書き方でよかったものが、composition-api に変わった今後、どのように書けばよいのかを書きます。

例えば、this.$scrollmagic と書けていた、pluginsで設定された $scrollmagic などに、どうやってアクセスすればよいのか。

context の中の root から、取得することが出来ますが、こちらは deprecated になっているため、おすすめしません。

export default defineComponent({
  setup (_props, context) {

    // any にするのはおすすめしませんが、簡単に表現するため
    const scrolmagic = (context.root as any).$scrollmagic
  }
})

getCurrentInstance を使い取得する

import {
  defineComponent,
  getCurrentInstance
} from 'vue' 
// or from '@vue/composition-api'
// or from '@nuxtjs/composition-api'

export default defineComponent({
  setup () {
    const root = getCurrentInstance()
    const scrolmagic = (root as any).$scrollmagic
  }
})