组件

文章组件

一份文章组件列表。

文章组件是 HTML 排版标签的替代品。文章组件提供了一种简便的方式来自定义内容界面。

要覆盖文章组件，请在项目的 components/content/ 目录下创建同名组件（例如：components/content/ProseA.vue）。

文章组件最初是 @nuxtjs/mdc 的一部分。

`ProseA`

[Link](/docs/components/prose)

> 块引用

  ```js [file.js]{2} meta-info=val
  export default () => {
    console.log('代码块')
  }
  ```

file.js

export default () => {
  console.log('代码块')
}

组件属性示例如下：

{
  code: "export default () => {\n    console.log('代码块')\n}"
  language: "js"
  filename: "file.js"
  highlights: [2]
  meta: "meta-info=val"
}

有关语法高亮的更多内容，请查看高亮选项。

如果你想在文件名中使用 ]，需要用两个反斜杠进行转义：\\]。这是必须的，因为 JS 会自动转义字符串中的反斜杠，导致 \] 变成 ]，从而破坏正则表达式。

`code`

`const code: string = 'highlighted code inline'`{lang="ts"}

code

const code: string = 'highlighted code inline'

# H1 标题

## H2 标题

### H3 标题

#### H4 标题

##### H5 标题

###### H6 标题

下方分隔线。

---

上方分隔线。

![酷炫图片](https://nuxt.com/assets/design-kit/icon-green.png)

- 只是
- 一个
- 无序
- 列表

- 列表项

1. Foo
2. Bar
3. Baz

仅仅是一段文字。

**仅仅是一段加粗文字。**

_仅仅是一段斜体文字。_

| 键  | 类型      | 描述       |
| --- | --------- | --------- |
| 1   | 极好      | 表格       |
| 2   | 极好      | 数据       |
| 3   | 极好      | 网站       |

包含在 ProseTable 示例中。

包含在 ProseTable 示例中。

包含在 ProseTable 示例中。

包含在 ProseTable 示例中。

包含在 ProseTable 示例中。

查看这些组件的源代码请访问 GitHub。

插槽

将 Markdown 注入 Vue 组件的最快方法。

服务器

Node 预设是 Nuxt 和 Nuxt Content 的默认预设。它用于在 Node.js 上构建和运行 Nuxt 应用程序。