如何在 nuxt 3 中包含 json-ld 脚本？

Question

我正在尝试将 json-ld 添加到我的页面，但仍然无法正常工作或者不是我想要的。

这是我到目前为止尝试过的方法：

1. 使用 useMeta()

useMeta({
    script: [
        {
            type: 'application/ld-json',
            json: jsonLd,
        },
    ],
});

结果：<script type="application/ld-json" json="[object Object]"></script>

2. 使用 <Script> 标签

<Script type="application/ld-json">
        {{ jsonLd }}
</Script>

结果：<script type="application/ld+json"></script> 空值。

和

<Script type="application/ld-json" v-html="jsonLd"></Script>

结果：<script type="application/ld-json" innerhtml="[object Object]"></script>

我错过了什么吗？ 谢谢。

Answer 1

即将添加对 Nuxt 3 的支持：https://github.com/ymmooot/nuxt-jsonld/issues/763

Answer 2

如果有人想知道，这就是我如何让它工作的：

正在使用

<Script :children="jsonLd" />

或

useMeta({
    script: [
        {
            type: 'application/ld-json',
            children: JSON.stringify(jsonLd),
        },
    ],
});