vue.js - 使用 Nuxt Content 在 Markdown 中使用 Vuetify 组件时出错

Question

我在我的 Nuxt 项目中使用 vuetify，它在 Vue 组件中运行良好。这是降价：

---
title: Title
description: Description
---

# Heading

<v-row>

<v-col cols="12" md="6">

### Subheading

<img src="image.jpeg" alt="Image" width="100"/>
<p>
Text 1
</p>

<v-btn icon href="https://twitter.com/jack">
    <v-icon color="#1ca0f1">mdi-twitter</v-icon>
</v-btn>

</v-col>

<v-col cols="12" md="6">

我收到类似于以下内容的错误：

[Vue 警告]：未知的自定义元素：<v-row> - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

在发现

---> at .nuxt/content/nuxt-content.dev.vue <Pages/about.vue> at pages/about.vue <Layouts/contentFocused.vue> at layouts/contentFocused.vue

对于所有v-row, v-col,v-icon等v-btn

如何在降价中使用 vuetify 组件，如此处所述。

标签： vue.jsmarkdownnuxt.js