vue-global-api

/* main.ts */ import { createApp } from 'vue' import App from './App.vue' // Globally register all common Vue Composition APIs // This must be imported BEFORE any Vue components that use these globals import 'vue-global-api' createApp(App).mount('#app') /* App.vue */ <script setup lang="ts"> // No need to import ref, computed, watch, etc. // They are globally available thanks to 'vue-global-api' const counter = ref(0) const doubled = computed(() => counter.value * 2) watch(doubled, (v) => { console.log('Doubled value changed:', v) }) function increment() { counter.value++ } </script> <template> <div> <h1>Counter: {{ counter }}</h1> <h2>Doubled: {{ doubled }}</h2> <button @click="increment">Increment</button> </div> </template> <style scoped> /* Your styles here */ </style> /* .eslintrc.js (or .eslintrc.cjs) */ module.exports = { extends: [ 'eslint:recommended', 'plugin:vue/vue3-recommended', 'vue-global-api' // Extend the ESLint config for global APIs // Or for fine-grain control: // 'vue-global-api/reactivity' ] // ... other ESLint configurations }