Tengo un bloque de código que debe reutilizarse en varios componentes. ¿Cuál es la mejor manera de hacer esto en Vue 3 con la API de composición y la configuración del script? He investigado componibles, pero no puedo hacer que funcione para mi caso de uso. Mi código es un poco así

 const popupEnabled = ref(false); function currentPopupState() { return store.getters.getPopupState; } onMounted(() => { watch(currentPopupState, (value) => { if (value) { popupEnabled.value = true; setTimeout(() => { store.commit("changeCurrentPopupState", false); popupEnabled.value = false; }, 1800); } }); });

Observa un valor externo, luego ejecuta una función cronometrada si se cambia el valor. Solo quiero inyectar este bloque de código en mi script Vue, ¿cómo hago esto?