Estoy tratando de usar la API de composición en un módulo vue 2. Cuando inicialmente creé el módulo npm en la API de opciones, no experimenté ningún problema y el módulo se instaló y utilizó en consecuencia. Sin embargo, cuando trato de convertirlo a la API de composición, sigo recibiendo un error que dice "la referencia no está definida", después de instalar el módulo npm. Por lo que puedo entender, debo tener algo que falta en la configuración del resumen, pero realmente no puedo entender qué es, ya que soy bastante nuevo en esto.

Por lo general, importaría ref en un componente con el siguiente código: import {ref} from '@vue/composition-api'; Para este caso, sin embargo, no es suficiente.

Mi archivo de configuración acumulativa se ve así:

 import commonjs from '@rollup/plugin-commonjs'; import vue from 'rollup-plugin-vue'; import buble from '@rollup/plugin-buble'; import scss from 'rollup-plugin-scss'; export default { external: ['vue', '@vue/composition-api'], input: 'src/index.js', output: { name: 'BasicDropdown', exports: 'named', format: 'cjs', globals: { vue: 'vue', compositionApi: '@vue/composition-api', } }, plugins: [ scss(), vue({ css: true, compileTemplate: true, scss: true, preprocessStyles: true }), commonjs(), buble(), ], };

También intenté usar @rollup/plugin-node-resolve, pero tampoco funcionó.

¿Puede alguien explicarme amablemente qué debo hacer para importar las funciones de referencia desde la API de composición de vue?

EDITAR: El mensaje de error que recibo es [Vue warn]: Error in data(): "ReferenceError: ref is not defined"