VueWeekly.dev - Issue #6 - Vue 3 RC6 Released + Vite Starter Templates 🖖

Vue 3 RC6 Released!

RC6 brings a ton of bug fixes and brings us one step closer to a production release 🎉

Awesome Vite.js

We’ve been posting quite a bit about Vite recently and we’re happy to see all of these resources landing in one spot. It’s also nice to see how Vite is being used across language in the Frameworks other than Vue 3 section. We expect this to become a go-to resource as projects are migrating from Vue 2 or starting on Vue 3.

A curated list of awesome things related to Vite.js

Cool Features of Vue Router 4

Vue Router 4 is currently in beta. Let’s take a look at a few of the cool features coming in this new version.

• Vue 3 support
• History option
• Dynamic routing
• Navigation guards can return value instead of next

As Anthony mentions, Dynamic Routing is a slick feature that gets the mind racing with ideas although it may not be needed in every project.

Vue Router 4 will allow you to add dynamic routes while the router is running with the new .addRoute method.

methods: {
  uploadComplete (id) {
    router.addRoute({
      path: `/uploads/${id}`,
      name: `upload-${id}`,
      component: FileInfo
    });
  }
}

Vue Stripe Checkout

Adding payments to a site is rarely as straight-forward as we think it’s going to be :).

This plugin will help solve that challenge or provide some nice examples to work from.

Oh yeah…there’s a Recurring Subscription integration too.

A Vue plugin for Stripe checkout.

A Vue.js 3.0 UI Toolkit for Web [WIP]

Remember element? Well, the team is updating the project for newer versions of Vue and we expect the quality to be just as high. We’re excited to see this evolve.

• 💪 Vue 3.0 Composition API
• 🔥 Written in TypeScript

Building a Blog with Gridsome & Publish it to Firebase / Github Pages

A nice quickstart post to get you running with Gridsome. Also, some nice integration tidbits in the Hosting into Firebase section 🔥.

This is my first blog post on Github Pages and thanks to Gridsome. Gridsome is a Vue based static website generator library. It’s a cool product which provides you make static websites with tons of starters. I used one of them. So let’s start how can we build another one with it.

V-Dashboard

Dashboard starter template built with Vite, Vue 3, Tailwind CSS and TypeScript.

Copied from https://github.com/tailwindcomponents/dashboard and converted to Vue.

Vue 3 is coming — what to expect and how to prepare

A nice overview of the current state of Vue 3 for those that want to get up-to-speed on what it is and why it matters.

Why Vue 3 is so exciting Vue 3 features and changes Release date explained Experimenting Vue 3: Important tools available How to prepare for migration from Vue 2 Learning Vue 3 — tutorials and guides Frequently asked questions

vitesse

• ⚡️ Vue3, Vite, pnpm, ESBuild - born with fastness
• 🗂 File based routing
• 📲 Components auto importing
• 🎨 TailwindCSS with dark mode out-of-box
• 😃 Use icons from any icon sets, with no compromise
• 🌍 i18n ready
• 🦾 TypeScript, of course
• ☁️ Deploy on Netlify, zero config

vue-tailwind-starter

Starter using Vite + Tailwind for super fast prototyping

Built with Vue

• VueTube Vue Frontend - YouTube Clone - This is the frontend (VueJS) of the Youtube clone called VueTube
• mogollar - A MongoDB UI built with Electron