nuxt3 开发问题

1. 注册插件

• 创建plugins文件夹，创建js/ts文件，nuxt会默认将plugins文件夹下的文件进行调用注册

• js文件 例如下方配置

// 图片查看器
import "viewerjs/dist/viewer.css";
import VueViewer from "v-viewer";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(VueViewer, {
    defaultOptions: {
      // 自定义默认配置
      fullscreen: false,
      tooltip: false,
    },
  });
});

2. 解析md文件 @nuxt-content

npm i @nuxt-content

注意：md文件存放位置要放在content文件夹下，如果没有content则自行创建与nuxt.config.js同级

// nuxt.config.js 配置
export default defineNuxtConfig({
  modules: ["@nuxt/content"],
});
// vue组件中使用   mdUrl: md文件夹路径 /collect/install/install 
<ContentDoc :path="mdUrl" class="prose text-left markdown-body" />