Gramicci Editor Tool
協助 Gramicci 將 Shopline 商品詳細頁下方描述公版快速編排
參考網站：https://www.gramiccitwshop.com/products/tactical-vest
業主 Figma (公版樣貌)：https://www.figma.com/design/BuctAdMrQzvIUowW5roJeT/GRAMICCI
交付時程：10 月底前結案
溝通確認時間表：
- 9/28 交付基楚功能版本供業主參考
- 後續每週推展進度
使用編輯器 Editor.js 工具讓業主方便排版文字圖片，工程協助將編輯好的內容轉為 HTML Tag 格式方便貼至 Shopline 後台。
- 基楚功能
- 標題
- 文字
- 按鈕
- 分隔線：@editorjs/delimiter
- 嵌入 YT 影片：@editorjs/embed
- 貼入照片連結：@editorjs/image
- 表格：@editorjs/table
- 標題
- 保存轉為 HTML 標籤，可貼在 shopline 編輯器做呈現
- 模板暫存功能，需可保存做備份 (使用 Google Sheet)
- 表格暫存＆插入
- 常用關鍵字插入
- Vue3
- Vite
- TypeScript
- Remind: src/enum 定義常數
- Remind: src/enum 定義常數
- Pinia
- Tailwind
- atoms 原子：為網頁構成的基本元素，HTML的tags，例如標籤、輸入，或是一個按鈕，也可以為抽象的概念，例如字體、色調等。
- molecules 分子：由元素構成的簡單UI物件
- organisms 組織：相對分子而言，較為複雜的構成物，由原子及分子所組成。
- 這次依需求拆分上述資料夾
# node version
v20.12.2# install dependencies
npm install# serve project
npm run dev- main
- develop
- nikita-[feature]
- dd-[feature]
- nikita-[feature]
- develop
[feature] 功能項目
[fix] 修復項目
[style] 僅異動樣式
[refactor] 重構項目
[chore] 異動環境檔use
git merge --no-ff