Sybren introduces the creation of a small UI component library using Ark UI Vue. This exercise involves building components, documenting them, and setting up a testing environment.
Goals:
✔️ Develop components using Ark UI Vue.
✔️ Document components for easy reference using Histoire.
✔️ Style components and add tests with Vitest.
✔️ Create a playground for your components in Nuxt.
Prerequisites:
✔️ Basic Vue.js and CSS knowledge.
✔️ Cloned boilerplate code from GitHub.
Watch the solution here: • Vue.js Forge 2024: Sybren Willemot - Lever...
____________________
💜 Special thanks to all our event sponsors for 2024:
Diamond Sponsors
CKEditor: https://ckeditor.com
Vue School: https://vueschool.io
Certificates.dev: https://certificates.dev
InstantDev: https://instantdev.io
Platinum Sponsors
Nuxt Certification: https://certificates.dev/nuxt
JavaScript Certification: https://certificates.dev/javascript
Vue.js Certifcation: https://certificates.dev/vuejs/
Angular Certification: https://certificates.dev/angular
-Gold Sponsors
Vito: https://vi.to
LevelUpX: https://levelupdx.com
Mastering Nuxt: https://masteringnuxt.com
Mastering Pinia: https://masteringpinia.com
🔗 More Vue School:
Bluesky: https://bsky.app/profile/vueschool.io
Twitter: https://x.com/VueSchool_io
LinkedIn: / vueschool
Facebook: / vueschool
Instagram: / vueschool
Website: https://vueschool.io