fix: [Vue warn]: toRefs() expects a reactive object but received a plain one.

[thisVioletHydra]

🐛 The bug
What isn't working? Describe what the bug is.

🛠️ To reproduce
Steps to reproduce the behavior:

run nuxt
add https://pinia.esm.dev/ssr/nuxt.html
import store like

<!-- SCRIPT -->
<script lang="ts">
  import { defineComponent } from '@nuxtjs/composition-api'; 
  import { useStore } from "~/store/main";

  export default defineComponent({
    name: 'Count',
    props: {},
     setup() {
        const store = useStore();
        return { store };
    }
  });
</script>
<!-- - ⚡ - -->

store:

import { defineStore } from 'pinia';

export const useStore = defineStore('companiesInfo', {
  state: () => ({
    data: {test: 1},
  }),
});

I'd be very grateful for a link to a gist or repo that reproduces the bug.

🌈 Expected behaviour
What did you expect to happen? Is there a section in the docs about this?

ℹ️ Additional context
pinia issues
vuejs/pinia#648

[danielroe]

@thisVioletHydra Would you provide a reproduction via https://template.nuxtjs.org ? 🙏

[thisVioletHydra]

@thisVioletHydra Would you provide a reproduction via https://template.nuxtjs.org ? 🙏

okay no problem

[thisVioletHydra]

@thisVioletHydra Would you provide a reproduction via https://template.nuxtjs.org ? 🙏

https://codesandbox.io/s/weathered-bird-l4kww?file=/components/Test.vue
push refresh page

[thisVioletHydra]

@danielroe any news ?

[posva]

The error comes from vuejs/composition-api#821