如何在 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

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

使用

<Script :children="jsonLd" />

或者

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