Nuxt Web3 Layer

Nuxt Web3 Layer 是基于 Nuxt 的 Layer 架构，用于 Web3 全栈开发。

功能特性

• 支持多语言
• Google Analytics 集成，.env 中配置 NUXT_PUBLIC_GTAG_ID 即可
• content 目录下放置 markdown 文件，即可作为数据内容前端读取
• layout
  • docs: 文档布局, 左侧同级的文件链接，右侧为 ToC

技术栈

• 基于 Nuxt 3 开发, 且使用了 future 的 compatibilityVersion 4
• @nuxtjs/supabase: 实现数据存储及 X 登录
• @pinia/nuxt: 实现前端的状态数据
• @nuxtjs/i18n: 实现多语言
• @vue-macros/nuxt: 实现更多宏功能
• nuxt-lodash: 实现 lodash 库自动导入，比如使用 _.get, 可以直接代码内写 useGet
• nuxt-gtag: 实现 Google 分析，在 .env 中配置 NUXT_PUBLIC_GTAG_ID 即可
• @nuxt/content: 实现内容管理，在 content 目录下放置 markdown 文件，即可作为数据内容前端读取
• @nuxt/eslint: 实现 ESLint 检查
• @nuxt/fonts: 实现字体管理
• @nuxt/image: 实现图片管理
• nuxt-og-image: 实现 Open Graph Image
• nuxt-echarts: 实现 ECharts 图表
• @nuxt/ui: 实现 UI 组件
• nuxt-countdown: 实现倒计时组件
• @pinia/nuxt: 实现 Pinia 状态管理
• @nuxtjs/supabase: 实现 Supabase 数据库
• @vueuse/nuxt: 实现 VueUse 库

各个不同模块的配置有设置部分默认值，需要额外配置的项，在项目文档中也有特定指出。