nuxt-asciidoc

nuxt-asciidoc-logo

如果您更喜欢 Asciidoc 而不是 Markdown，那么此插件正是您所需要的。

✨ 发布说明

功能

⛰ 它可以处理 .adoc 及其对应的文件扩展名并进行渲染。

已知问题

include 不会包含另一个文件的内容，它只会从中创建一个链接。您可以在屏幕截图中看到它。

屏幕截图

nuxt-asciidoc

快速设置

将 nuxt-asciidoc 依赖项添加到您的项目中

npx nuxi@latest module add nuxt-asciidoc

在 nuxt.config.ts 的 @nuxt/content 之前，将 nuxt-asciidoc 添加到 modules 部分

export default defineNuxtConfig({
  modules: [
    'nuxt-asciidoc',
    ...
    '@nuxt/content'
  ]
})

就是这样！您现在可以在您的 Nuxt 应用程序中使用我的模块 ✨

示例

视图：pages/imprint.vue + 对应的内容文件：content/imprint.adoc

<script setup>
const { data } = await useAsyncData("imprint", () =>
  queryContent("/imprint").findOne()
);
</script>

<template>
  <main>
    <ContentDoc v-slot="{ doc }">
      <div v-html="doc.body"></div>
    </ContentDoc>
  </main>
</template>

开发（npm、yarn、pnpm）

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release