fix: fix a bug of Options API jsonld

Fix a bug which Options API jsonld method can not access `this` context

example/pages/index.vue

@@ -3,14 +3,15 @@
     <h1>Product List</h1>
     <code v-html="jsonld"></code>
 
-    <nuxt-link :to="{ name: 'static' }">static</nuxt-link>
     <ul>
       <li v-for="p in products" :key="p.id">
         name:
         <nuxt-link :to="{ name: 'products-id', params: { id: p.name.toLowerCase() } }">
           {{ p.name }}
         </nuxt-link>
       </li>
+      <li><nuxt-link :to="{ name: 'static' }">Static JSON</nuxt-link></li>
+      <li><nuxt-link :to="{ name: 'option' }">Options API</nuxt-link></li>
     </ul>
   </div>
 </template>

example/pages/option.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <h1>Options API</h1>
+    <code v-html="jsonld"></code>
+    <div>
+      <p>{{ count }}</p>
+      <button @click="count++">+</button>
+    </div>
+    <nuxt-link to="/"> Back to list </nuxt-link>
+  </div>
+</template>
+
+<script>
+import { getJsonldForDemo } from '@/mixins';
+
+export default {
+  mixins: [getJsonldForDemo],
+  data() {
+    return {
+      count: 0,
+    };
+  },
+  jsonld() {
+    return {
+      '@context': 'https://schema.org',
+      '@type': 'Thing',
+      name: this.count,
+    };
+  },
+};
+</script>

src/runtime/plugin.ts

@@ -4,7 +4,7 @@ import { useHead } from '#head';
 
 export default defineNuxtPlugin((nuxtApp) => {
   const mixin = {
-    beforeCreate(this) {
+    created() {
       if (typeof this.$options?.jsonld !== 'function') {
         return;
       }

test/plugin.spec.js

@@ -25,18 +25,18 @@ describe('plugin', () => {
     };
     plugin(nuxtApp);
     expect(nuxtApp.vueApp.use).toBeCalledTimes(1);
-    let beforeCreate;
+    let created;
     const vueMock = {
       mixin: jest.fn().mockImplementation((arg) => {
-        beforeCreate = arg.beforeCreate;
+        created = arg.created;
       }),
     };
     installFunction(vueMock);
 
     // mixin is set
     expect(vueMock.mixin).toBeCalled();
 
-    beforeCreate.call({
+    created.call({
       $options: {
         jsonld,
       },