📋 原始需求（task.md）：

本项目是一个拼豆游戏。以下是该项目的基本架构和实现步骤： 1. **项目概述** - **目的**：玩家在拼豆网格中点击放置不同颜色的圆点，目标是根据玩家在浏览器中选择的本地图片作为参考图片，尽可能把圆点拼成和参考图片一致。 2. **技术栈** - **前端**：使用vue3 cdn版本。index.html是主页，主页均被拼豆网格覆盖，点击鼠标左键在鼠标位置的网格中间放置圆点。页面左上角是调色盘，可选择64种常用圆点的颜色，下方允许用取色器自定义圆点的颜色，下方是一个选择参考图片的按钮，点击后可选择本地图片作为参考，下方是参考图片调整按钮，按钮有两种模式，按下变为参考图片调整模式，再次按下变为拼豆模式，来回切换。在参考图片调整模式中，将参考图片置于z-index的最上层，并且在参考图片的四角放置四个拖拽按钮，可以拖动参考图片，可以拖拽更改图片大小。在拼豆模式中，参考图片置于z-index的最下层，隐藏参考图片的拖拽按钮，不允许拖动参考图片，不允许更改图片大小。 必须实现的模块： - 编写前端页面