--- title: Best Vue.js posts — August 2022 | daily.dev description: The most upvoted Vue.js posts from August 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/vuejs/best-of/2022/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/vuejs/best-of/2022/08 og:type: website og:site_name: daily.dev og:title: Best Vue.js posts — August 2022 | daily.dev og:description: The most upvoted Vue.js posts from August 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Vue.js — August 2022 1. 1 [](/posts/heroicons-2-0-are-here-7e-ydsbtq "Heroicons 2.0 are here") Article Laravel News · 4y Heroicons 2.0 are here The makers of Tailwind CSS released Heroicons 2.0, a set of 264 hand-crafted SVG icons for the web. The icons are redrawn from scratch and feature a 24px solid set. They are available as first-party React and Vue libraries and official Figma components. 61 2. 2 [](/posts/vueuse---the-library-that-makes-vue-3-worth-the-upgrade-p08wb0ddg "VueUse - The library that makes Vue 3 worth the upgrade") Article Vue.js Developers · 4y VueUse - The library that makes Vue 3 worth the upgrade VueUse is a collection of 200+ essential utility functions for interacting with various APIs like browser, state, network, animation, time and more. The core package aims to be lightweight and dependence free. Integration with popular packages is supported using add-ons. 48 3. 3 [](/posts/next-js-vs-nuxtjs-a-comparison-of-two-powerhouses-59vh1un95 "Next.js vs NuxtJS: a comparison of two powerhouses") Article asayer · 4y Next.js vs NuxtJS: a comparison of two powerhouses New features in NuxtJS 3’s public beta, released in October, gave developers more time to focus on creating wonderful user experiences. Nuxt JS offers a module system that enables the core to be expanded. If there is an existing NuxJS module, you don’t need to create it all from scratch or maintain boilerplate. Plugins and configuration settings can be added. In addition to hybrid rendering permits various caching rules per route. If you share an article on Facebook, it can appear with the title “undefined” rather than the original article’SEOs. 46 2 4. 4 [](/posts/custom-vue-3-boilerplate-vite-pinia-vue-router-tailwind-css-i8qgn7xbp "Custom Vue 3 boilerplate — Vite, Pinia, Vue Router & Tailwind CSS") Article Vue.js Developers · 4y Custom Vue 3 boilerplate — Vite, Pinia, Vue Router & Tailwind CSS Vue3-boilerplate is a dev tool for building and serving Pinia. It's time to move into our project folder, install packages and run our boilerplate in development environment. The stack of this boilerplate is focused on web app front end, therefore I'll keep it simple. 39 6 5. 5 [](/posts/how-to-create-a-real-time-chat-application-with-nuxt-kopq0anum "How to Create a Real-time Chat Application with Nuxt") Article freeCodeCamp · 4y How to Create a Real-time Chat Application with Nuxt For this application, we will be using Nuxt, the intuitive Vue framework. We'll be using the chat API we’ll be using to create a Robin account before we can use it. In this list, what we currently don’t have is our user token and the tokens of the users on our app. We can go ahead and create the tokens for 5 users. 31 2 6. 6 [](/posts/an-ultimate-guide-to-the-vue-3-composition-api-hok7cm4kb "An ultimate guide to the Vue 3 Composition API") Article asayer · 4y An ultimate guide to the Vue 3 Composition API The Composition API allows you to restructure code segments from options API, i.e., data, methods, and lifecycle hooks, by grouping all of your code that logically belongs together. The setup() function enables you to extract parts of components and group them logically together. It accepts props and the context object (with which you can emit events and data) as optional arguments. A composable is a function. To use composables. 16 1 7. 7 [](/posts/what-s-next-webstorm-2022-3-roadmap-x2qyk3xww "What’s Next: WebStorm 2022.3 Roadmap") Article JetBrains · 4y What’s Next: WebStorm 2022.3 Roadmap We rolled out WebStorm 2022.2, our second major update of 2022, in July. We want to tell you about our plans for the next release, which is coming this November. We’ll continue improving the overall quality of WebStorm and fix some long-standing bugs. 15 8. 8 [](/posts/5-free-online-courses-for-beginners-to-learn-vue-js-qvtxktkjo "5 Free Online Courses for Beginners to learn Vue JS") Article Quick Code · 4y 5 Free Online Courses for Beginners to learn Vue JS Vue.js is easy to integrate into existing projects and is a good option for building refined Single-Page Applications (SPAs) It is a top-rated free Vue JS course on Udemy with a 4.8 out of 5-course rating and a 2-hour 38-minute length. 12 9. 9 [](/posts/choosing-the-best-ecommerce-platform-for-your-vue-js-app-qtj5zxgum "Choosing the best ecommerce platform for your Vue.js app") Article LogRocket · 4y Choosing the best ecommerce platform for your Vue.js app Themes Theming in Snipcart is built on CSS variables, making it easy for developers to switch the theme to fit their brand specifications. Powr has a suite of 60+ apps that you can start using on your Vue.js website for free. POWR provides 24/7 customer support and a help center, and its team of engineers works around the clock to ensure their system is operating smoothly. 11 [See all Vue.js archives](/tags/vuejs/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/vuejs/best-of/2022/08#page","url":"https://daily.dev/tags/vuejs/best-of/2022/08","name":"Best Vue.js Posts — August 2022","description":"The most upvoted Vue.js posts from August 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/vuejs/best-of/2022/08#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/heroicons-2-0-are-here-7e-ydsbtq","name":"Heroicons 2.0 are here"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/vueuse---the-library-that-makes-vue-3-worth-the-upgrade-p08wb0ddg","name":"VueUse - The library that makes Vue 3 worth the upgrade"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/next-js-vs-nuxtjs-a-comparison-of-two-powerhouses-59vh1un95","name":"Next.js vs NuxtJS: a comparison of two powerhouses"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/custom-vue-3-boilerplate-vite-pinia-vue-router-tailwind-css-i8qgn7xbp","name":"Custom Vue 3 boilerplate — Vite, Pinia, Vue Router & Tailwind CSS"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-create-a-real-time-chat-application-with-nuxt-kopq0anum","name":"How to Create a Real-time Chat Application with Nuxt"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/an-ultimate-guide-to-the-vue-3-composition-api-hok7cm4kb","name":"An ultimate guide to the Vue 3 Composition API"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/what-s-next-webstorm-2022-3-roadmap-x2qyk3xww","name":"What’s Next: WebStorm 2022.3 Roadmap"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/5-free-online-courses-for-beginners-to-learn-vue-js-qvtxktkjo","name":"5 Free Online Courses for Beginners to learn Vue JS"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/choosing-the-best-ecommerce-platform-for-your-vue-js-app-qtj5zxgum","name":"Choosing the best ecommerce platform for your Vue.js app"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Vue.js","item":"https://daily.dev/tags/vuejs"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/vuejs/best-of"},{"@type":"ListItem","position":5,"name":"August 2022"}]}]} ```