项目介绍

本项目是banbot交易机器人的网站端前台UI项目，需要配合启动后端项目banweb

技术架构

本项目使用Nuxt 3和VUE 3

K线图

主要UI从KLineChart Pro改写(KLineChart Pro使用Solid-js，本项目改写为vue)
K线UI工具栏可参考：AICoin

其他注意

多语言i18n
官方文档
目前已知无法根据识别的语言自动跳转，等待i18n更新
pinia持久化
如果使用localStorage时，应注意在component使用state时应在onMounted中访问，不要直接访问，否则部分内容不会被正确地响应式更新。
使用@pinia-plugin-persistedstate/nuxt持久化到localStorage时，如果使用reactive以及array.splice，saved_inds在打开页面时不会被正确恢复。 写了个demo测试是正常的，插件官方之前提过类似issue，但状态是已解决。目前暂时使用ref方式引用
数据源不同导致Hydration text content mismatch
使用固定值初始化，然后浏览器端在onMounted中读取最新值更新。
watch与watchEffect
尽量使用watch，显示指定依赖。极端情况下，watchEffect收集了不希望监听的依赖，自身执行又会导致依赖对象改变，造成无限循环。
导出组件中的函数供父组件调用
使用defineExpose 身份认证部分
使用sidebase-auth模块，参考官方文档
本项目未使用高级功能如login/重定向，仅使用了核心部分useAuthState；

Nuxt 3 配置

安装项目

yarn install

开发模式运行

yarn dev

打包部署到生产环境

编译项目到.output文件夹：

yarn build

压缩.output文件夹到.output.zip
通过winscp将.output.zip上传到服务器的/root/ban-ui目录下
解压缩得到.output文件夹：unzip -o .output.zip
docker启动nodejs：

docker rm -f banui || true
docker run -d -it --name banui -v /root:/root -p 3000:3000 banuibase /bin/bash /root/ban-ui/run_server.sh

banuibase基础镜像的构建

FROM node:18.17.0
RUN apt update
RUN apt install supervisor