composition-api | Composition API hooks for Nuxt | REST library

I would like to test my component with Jest and inside component, I imported @vue/apollo-composable library and when I run test I get the error:

I am using Vue Meta 3 to provide meta data to the website. The API for this is here

I do not understand how to provide custom meta tags( e.g Open Graph tags such as og:type). This is what I have tried to do in a component:

I'm trying to get the array of element refs that are not in v-for. I'm using @nuxtjs/composition-api on Nuxt 2.

(Truth: I want to make an array of input elements, so that I can perform validations on them before submit)

This sounds too easy on vue 2 as $refs becomes an array when one or more compnents have the same ref name on html. However, this doesn't sound simple with composition api and trying to perform simple task with that got me stuck from long.

So to handle this scenario, I've created 1 composable function. (Soruce: https://v3.vuejs.org/guide/migration/array-refs.html#frontmatter-title)

I've adopted my project with @vue/composition-api

I am using the Vue composition API in one of my components and am having some trouble getting a component to show the correct rendered value from a computed prop change. It seems that if I feed the prop directly into the components render it reacts as it should but when I pass it through a computed property it does not.

I am not sure why this is as I would have expected it to be reactive in the computed property too?

Here is my code:

App.vue

I created a simple ionic app that allows users to book services. The user would select a service category, choose a service(s) then navigate to a form to complete the booking.

I've setup an event bus using tiny emitter since the project uses vue 3 with the composition api. The data emits as expected however when navigating to the booking form the listener is not triggered.

The expected behaviour is to get the selected service(s) and send it along with the rest of the booking info to a REST api.

eventBus.js

I have a custom class that contains properties and I'm wondering how can I have my vue file update to reflect the property change. For the sake of simplicity I've slimmed down my custom class (which i'll expand in the future to have more properties.

In this example, i expect the btn to change color and icon when the user clicks it based on the property 'isPlaying' on my custom class Stopwatch.

main.vue

I'm trying to create a component that can be used via destructuring and as js object.
Destructuring works fine, but with js object, I'm forced to write obj.field.value instead of just obj.field. Is it expected behavior?
I'm using composition-api plugin.

Playground: https://jsfiddle.net/3mzve8oy/21/

I cloned one repository from github then installed npm packages using npm install, but I get this error