VueWeekly.dev - Issue #7 - VueConf Toronto 2020 + Nuxtify-ing Everything 🎉
VueConf Toronto 2020
Get your FREE tickets for the largest Vue.js virtual conference in the world. Join Vue core team members and other 10k+ developers from more than 100 countries to learn all about the latest of Vue.js and related technologies.
Are you attending? We are!
Register now (for free!) to lock in a spot at the conference. We're happy to see the community adapt so quickly during some crazy times. Make it a point to join - even for a few sessions - and connect with other like-minded folks that share excitement for Vue.
Vue 3 RC10 Released!
RC10 continues to check off bug fixes and brings us one step closer to a production release 🎉
serverPrefetch (SSR) anyone?
Vue Devtools v6.0 Beta 2 - Timeline and API
This version includes updates and progress on the following:
- Timeline
- Events
- Navigating the Timeline
- Pick component
- Dark mode
- Devtools API
- Custom inspectors
Something that caught our eye - Events:
Events are displayed in the center view (aka the Timeline) and are organized in layers. Each layer represents a different kind of event. Clicking on an event will make it grow and will display more information about it in the right pane...
Pretty awesome! We're excited to see and test the updates.
nuxt/mdx
@nuxtjs/mdx allows you to write JSX in your Markdown documents in your Nuxt application with MDX.
Features:
- Import .mdx files as Vue components
- Import Vue components in your .mdx files
- Replace markdown elements with Vue components with the MDX Provider.
MDX and VueJS/NuxtJS
Jonathan Bakebwa introduces MDX support for VueJS and NuxtJS while also using Chakra UI Vue for MDX components
Introduction and Advantages to Vue 3 Composition API
Why would you want to use the new Vue 3 Composition API? This video aims to explain how and why you may want to use the new composition functions in your next project.
Geist UI for Vue
Geist is an open source design system for building modern websites and applications.
PROJECTS
Geist React- React UI libraryGeist Vue- Vue UI library (2.0)Geist Typography- Easy to use text layout styleGeist Style- Additional CSS style implementation
Geist is a cross-framework design system based on Vercel. It's clean, modern, and already has a nice suite of usable components. Need a collapsible file tree? Check out the files component...you'll thank us later :)
VoV 118: Nuxtify Everything with Debbie O’Brien
In this episode of Views on Vue, Lindsay and Steve talk with Debbie O’Brien, Head of Learning at Nuxt. We discuss Nuxt becoming a company, the new component and content modules, and the static module. We also talk about enhancements to the Nuxt documentation, providing new ways to learn Nuxt and ways to integrate it with other technologies.
Going dark with Nuxt.js color mode
The @nuxtjs/color-mode module is a cool way of adding dark mode to your site. But not only does it switch from dark to light but also any color theme (eg: sepia mode). It even has auto detection so that it will choose the right mode depending on your system appearance.
How to build a TWA Android app out of your Nuxt.js PWA
Did you know that you can package your progressive web app (PWA) in an Android app and publish it on the Google Play Store? Well, you can. This way, mobile users will be able to find it and download it, and everything will behave like in a native application. Personally, I wasn’t aware of this until I came across the TWA acronym, which means: trusted web activity.
We're constantly amazed by the progress that Nuxt.js is making. Really neat use case of using the nuxt-twa-module to transform your PWA into an Android app, using Trusted Web Activities (TWA).