[{"data":1,"prerenderedAt":125},["ShallowReactive",2],{"home-meta":3,"footer-socials":6,"projects":16},{"title":4,"description":5},"個人作品集網站","👋 嗨，我是李軒婷，一名前端工程師，主要使用 Vue 3 與 TypeScript 開發網頁",{"socials":7},[8,12],{"label":9,"icon":10,"url":11},"Github","i-simple-icons-github","http://github.com/kopki123",{"label":13,"icon":14,"url":15},"Email","i-simple-icons-gmail","mailto:kopki684@gmail.com",[17,36,54,65,79,94,111],{"path":18,"title":19,"description":20,"cover":21,"tags":22,"period":31,"slug":32,"github":33,"demo":34,"date":35},"/projects/admin-prime","Admin Prime","以 Vue 3 + TypeScript + Vite 建立的後台模板，聚焦可擴充版型、權限路由流程與可重用 API 串接基礎。","/images/projects/admin-prime.webp",[23,24,25,26,27,28,29,30],"Vue 3","TypeScript","Vite 7","Vue Router 5","Pinia","PrimeVue 4","Tailwind CSS 4","MSW","2026/02 - 進行中","admin-prime","https://github.com/kopki123/admin-prime","https://admin-prime.vercel.app","2026-03-03",{"path":37,"title":38,"description":39,"cover":40,"tags":41,"period":49,"slug":50,"github":51,"demo":52,"date":53},"/projects/album-explorer","Album Explorer","以 Nx Monorepo 架構打造的全端專案，整合 Nuxt 4 前端、NestJS 11 後端與 PostgreSQL，提供專輯瀏覽與管理 API。","/images/projects/album-explorer.webp",[42,43,23,44,45,46,47,48],"Nx","Nuxt 4","NestJS 11","TypeORM","PostgreSQL","PrimeVue","Tailwind CSS","2026/01 - 進行中","album-explorer","https://github.com/kopki123/album-explorer","https://album-explorer.vercel.app","2026-03-01",{"path":55,"title":56,"description":57,"cover":58,"tags":59,"period":49,"slug":61,"github":62,"demo":63,"date":64},"/projects/portfolio","Portfolio｜個人作品集網站","以 Nuxt 4 + Nuxt UI 製作的個人作品集網站，整理專案與經歷，並以清晰的資訊架構呈現。","/images/projects/portfolio.webp",[43,23,24,60,48],"Nuxt UI","portfolio","https://github.com/kopki123/portfolio","https://portfolio-amber-six-97.vercel.app","2026-01-01",{"path":66,"title":67,"description":68,"cover":69,"tags":70,"period":74,"slug":75,"github":76,"demo":77,"date":78},"/projects/multi-role-iam-demo","Multi Role IAM Demo","多角色帳號管理系統 Demo，實作基本 IAM 權限概念與前端資料管理流程。","/images/projects/multi-role-iam.webp",[71,23,24,27,72,48,60,73],"Nuxt 3","Zod","ESLint","2025/08 - 2025/09","multi-role-iam-demo","https://github.com/kopki123/Multi-Role-IAM-Demo","https://multi-role-iam-demo.vercel.app","2025-12-31",{"path":80,"title":81,"description":82,"cover":83,"tags":84,"period":89,"slug":90,"github":91,"demo":92,"date":93},"/projects/weather-dashboard","Weather Dashboard","天氣資訊網頁應用程式，提供即時天氣查詢、城市收藏與個人化顯示設定。","/images/projects/weather-dashboard.webp",[85,24,86,87,88,48],"React","Axios","Open-Meteo API","React Context","2025/03 - 2025/04","weather-dashboard","https://github.com/kopki123/weather-dashboard","https://weather-dashboard-sepia-one.vercel.app","2025-12-30",{"path":95,"title":96,"description":97,"cover":98,"tags":99,"period":106,"slug":107,"github":108,"demo":109,"date":110},"/projects/tetris-battle","Tetris Battle","俄羅斯方塊對戰網站，支援即時連線、玩家配對與雙人對戰同步。","/images/projects/tetris-battle.webp",[23,24,100,101,102,103,104,105],"Vuetify","Canvas","Howler.js","Node.js","Express","Socket.io","2025/01 - 2025/02","tetris-battle","https://github.com/kopki123/tetris-battle","https://tetris-battle.onrender.com","2025-12-29",{"path":112,"title":113,"description":114,"cover":115,"tags":116,"period":120,"slug":121,"github":122,"demo":123,"date":124},"/projects/seamly","Seamly｜服飾品牌電商網站","完整的服飾電商網站，涵蓋會員系統、商品流程、金流整合與前後端開發。","/images/projects/seamly.webp",[23,24,48,103,104,117,118,119],"Supabase","Prisma","ECPay","2024/10 - 2024/12","seamly","https://github.com/kopki123/seamly","https://seamly-h5sc.onrender.com","2025-12-28",1772520049280]