---
# System prepended metadata

title: "\U0001F4D7 Vue 與它的快樂小夥伴們"
tags: [Vue]

---

📗 Vue 與它的快樂小夥伴們
===
###### tags: `Vue`

Preface
---
+ [📜 preface](/@RogelioKG/vue-toolkits-preface)

Framework
---
+ [<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vuejs/vuejs-original.svg" height="18"/>&nbsp; Vue](/@RogelioKG/vue)

Build
---
+ [<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vuejs/vuejs-original.svg" height="18"/>&nbsp; Vue CLI &nbsp;(maintenance)](/@RogelioKG/vue-cli)
+ [<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vitejs/vitejs-original.svg" height="18"/>&nbsp; Vite](/@RogelioKG/vite)

Router
---
+ [<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vuejs/vuejs-original.svg" height="18"/>&nbsp; Vue Router](/@RogelioKG/vue-router)

State
---
+ [<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vuejs/vuejs-original.svg" height="18"/>&nbsp; Vuex &nbsp;(maintenance)](/@RogelioKG/vuex)
+ [&nbsp;<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Pinialogo.svg/479px-Pinialogo.svg.png?18230117192606" height="18"/>&nbsp;&nbsp; Pinia](/@RogelioKG/pinia)

UI
---
+ [<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vuetify/vuetify-original.svg" height="18"/>&nbsp; Vuetify](https://vuetifyjs.com/)
+ [<svg style="vertical-align: text-top;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" height="18" data-v-d2e47025=""><path fill="#409EFF" d="M839.7 734.7c0 33.3-17.9 41-17.9 41S519.7 949.8 499.2 960c-10.2 5.1-20.5 5.1-30.7 0 0 0-314.9-184.3-325.1-192-5.1-5.1-10.2-12.8-12.8-20.5V368.6c0-17.9 20.5-28.2 20.5-28.2L466 158.6c12.8-5.1 25.6-5.1 38.4 0 0 0 279 161.3 309.8 179.2 17.9 7.7 28.2 25.6 25.6 46.1-.1-5-.1 317.5-.1 350.8M714.2 371.2c-64-35.8-217.6-125.4-217.6-125.4-7.7-5.1-20.5-5.1-30.7 0L217.6 389.1s-17.9 10.2-17.9 23v297c0 5.1 5.1 12.8 7.7 17.9 7.7 5.1 256 148.5 256 148.5 7.7 5.1 17.9 5.1 25.6 0 15.4-7.7 250.9-145.9 250.9-145.9s12.8-5.1 12.8-30.7v-74.2l-276.5 169v-64c0-17.9 7.7-30.7 20.5-46.1L745 535c5.1-7.7 10.2-20.5 10.2-30.7v-66.6l-279 169v-69.1c0-15.4 5.1-30.7 17.9-38.4l220.1-128zM919 135.7c0-5.1-5.1-7.7-7.7-7.7h-58.9V66.6c0-5.1-5.1-5.1-10.2-5.1l-30.7 5.1c-5.1 0-5.1 2.6-5.1 5.1V128h-56.3c-5.1 0-5.1 5.1-7.7 5.1v38.4h69.1v64c0 5.1 5.1 5.1 10.2 5.1l30.7-5.1c5.1 0 5.1-2.6 5.1-5.1v-56.3h64l-2.5-38.4z"></path></svg>&nbsp; Element Plus](https://element-plus.org/)
+ [<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nuxtjs/nuxtjs-original.svg" height="18"/>&nbsp; Nuxt UI](https://ui.nuxt.com/)
+ [<img src="https://www.shadcn-vue.com/favicon-16x16.png" height="18" />&nbsp; Shadcn-Vue](https://www.shadcn-vue.com/)

SSR
---
+ [<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nuxtjs/nuxtjs-original.svg" height="18"/>&nbsp; Nuxt](/@RogelioKG/nuxt)

Scaffolding
---
+ [<img src="https://avatars.githubusercontent.com/u/77578415?s=180&v=4" width="18"/>&nbsp; VueUse](https://hackmd.io/@RogelioKG/vueuse)
+ [<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vitest/vitest-original.svg" width="18"/>&nbsp; Vitest](https://hackmd.io/@RogelioKG/vitest)

Others
---
+ [🔧 Vee-Validate](/@RogelioKG/vee-validate)
+ [🔧 Vue.Draggable](https://github.com/SortableJS/Vue.Draggable)
+ [🔧 Vue-Drag-Size](https://github.com/kirillmurashov/vue-drag-resize)