Vue 3: глобальный импорт для ref, reactive и computed

Question

Как мне импортировать глобально с помощью Vue 3 в main.js то ref, reactive а также computed?

Я стараюсь избегать этого в каждом компоненте:

import { ref, reactive, computed } from 'vue'

Answer 1

Не уверен, что это хорошая идея (она, вероятно, побеждает дрожание деревьев), но их можно сделать глобальными, добавив их в window:

// main.js
import { ref, reactive, computed } from 'vue'

window.ref = ref
window.reactive = reactive
window.computed = computed

Если вы используете ESLint, не забудьте настроить эти глобальные переменные:

// eslintrc.js
module.exports = {
  globals: {
    ref: true,
    reactive: true,
    computed: true,
  }
}

Answer 2

      npm i vue-global-api
// main.js
import 'vue-global-api'

https://www.npmjs.com/package/vue-global-api