Nuxt3入门-如何引入客户端渲染插件

今天在Nuxt3引入vue-mansory插件时，发现官方给的引入方法还没有nuxt3版本的，这种写法很容易令初学者感到摸不着头脑

nuxt2

1. Create a file in your plugins folder called vue-masonry.js with the following contents:

import Vue from 'vue'
import {VueMasonryPlugin} from 'vue-masonry'

Vue.use(VueMasonryPlugin)

nuxt3

1. 创建命名为vue-masonry.client.js（因为是客户端渲染）的文件，内容改为:

import {VueMasonryPlugin} from 'vue-masonry'

export default defineNuxtPlugin((NuxtApp)=>{
   NuxtApp.vueApp.use(VueMasonryPlugin)
})

然后不需要修改nuxt.config.js，这在官网也说明了：

总结：还是要多读官方文档，一切以官方文档为准