Tag nuxt

ลองใช้ driver.js เพื่อทำ product tours

Product Tours คืออะไร ? Product Tours วิธีการแนะนำการใช้งานแบบ Interactive เพื่อแนะนำให้ User เข้าใจวิธีการใช้งาน Product (Web / App) เพื่อลดความสับสน ลดสร้างความรู้สึกทีดีกับการใช้งาน โดย Product Tours จะมีชื่อเรียกอื่นๆ เช่น User Onboarding หรือ Feature Walkthrough โดยมีประโยชน์ ดังนี้ ข้อควรระวัง ควรเลือก Trigger ที่เหมาะสม เช่น แนะนำการใช้งานครั้งแรก driver.js คืออะไร ? driver.js -…

Nuxt Docker Build Error failed to solve: invalid file request .output ….

ตอน Dev แล้วที่นี้่ช่วยที่ package container จาก Local เวลาสั่ง docker build มันจะ Error แนวๆ สาเหตุ context มี .output จากเครื่อง Windows ทำให้ BuildKit อ่านแล้วพังตอน Docker Build เคสนี้ @vueuse/shared มันหาไม่เจอนี้แหละ โดยตัว .output มันมาจาก bun run build ซึ่งอาจจะเกิดจากเราเอง หรือ ตัว AI Agent มันวางยาก็ได้ การแก้ไข ปรับเจ้า .dockerignore…

bun run build – Error null is not an object (evaluating ‘currentRenderingInstance.ce’)

เรื่องนี้มาจากตอนช่วยขยับ Nuxt 3 > 4 และเปลี่ยน UI Lib จาก Vuetify > Nuxt UI Pro (เค้าประกาศแจกฟรี 55) แล้วที่นีตอนทดสอบ พอลองปล่อยให้เข้า Flow GitHub Action CI/CD สิ่งที่ได้ เคสนี้ตอนแรก ผมหลงคิดว่ามาจาก Dockerfile ต้องขยับอะไรจาก Nuxt 3 > 4 หรือ ป่าว ติดเวลาประมาณนึงเลย แล้วที่นี้่เลยลองถอย มาลอง Run ตัว build bun…

Create Unit Test on Nuxt with vitest

Sample Code for Test – useCommonUtil.ts Here is a step to add unit test in Nuxt Project Setup For Test If you need to configure global settings (e.g., mocking or extending Jest matchers), create a vitest.setup.ts file Create a Test File create…

ERROR: failed to solve: process “/bin/sh -c bun install –frozen-lockfile” did not complete successfully: exit code: 1

พอหลังจากแก้ Code + Update Nuxt3 เสร็จ เราก็ push ปกติ สักพักตัว Pipeline ก็ Error ถ้าลองดูใน docker file จะเป็นบรรทัดที่ 5 ถ้าเราลองเอาคำสั่งนี้มา Run แยกใน vs code จะเอา error เหมือนกันครับ มันจะแนะนำว่าลอง bun install หลังจาก bun install ตัว bun สร้างไฟล์ bun.lockb ส่วนสาเหตุที่ Error เนื่องจากตัว bun.lockb…