The upcoming Picture-in-Picture API that Chrome is pushing is soo promising! 🤩 [ Nuxt DevTools](https://github.com/nuxt/devtools) is now able to pop up as a separate window!

Nuxt Devtools 0.6 is out 🪄 - ✨ New floating panel with time-to render and shortcut to inspect Vue components - ⌨️ CMD+K to jump around tabs or open the Nuxt documentation [@arash_sheyda](https://twitter.com/arash_sheyda)

Nuxt Movies Demo now leverages the browser View Transitions API 🪄

Nuxt Devtools v0.5 is out ✨ - Search and install modules - Analyze production builds - Interact with server routes

⚓️ Just landed in the [ Nuxt DevTools](https://github.com/nuxt/devtools)! Now we are able to inspect the Open Graph tags on each route, preview it and copy the snippet to improve them directly! 💚 Great thanks to [@arash_sheyda](https://twitter.com/arash_sheyda) again for cooking so many awesome integrations, and Vercel for the nice design reference!

Took some time to refine [antfu.me](/) a bit. Thanks to [@pacocoursey](https://twitter.com/pacocoursey)'s animation, it looks a lot more vibrant now 😆

🔍 Now in the latest [ Nuxt DevTools](https://github.com/nuxt/devtools), you are able to inspect the elements, open the corresponding source right inside the embedded VS Code, and edit them with HMR! FULL FEEDBACK LOOP - make changes without the need to learn project structure - or even leave the browser! 🤯

Introducing the Nuxt Devtools ✨

🚀 Quality of Life updates to Icônes! 🌵 Variants filter 🕦 Recently used icons 💡 Smart search alias (e.g. person/user/account etc.) 🔍 Search all icons from the home page [icones.js.org](https://icones.js.org)

🕰️ Bringing Zeitreise to [ Nuxt DevTools](https://github.com/nuxt/devtools), the time travel machine! 🕥 Scroll the time bar, and you can see how old browsers render your app, or how your app looks without flexbox, right in the DevTools!

🛹 Slidev finally got built-in slide transitions in v0.39.0! - something I wanted so much since the beginning!

🌈 UnoCSS finally got the docs! - unlike the traditional static docs, I'd like to make it as dynamic and interactive as possible. ✨ Introducing you the first preview of http://unocss.dev/interactive!

🛰 Quite some polishment made to Vue Starport since the release! Now it no longer deps on Vue Router, meaning you can do components transition even on the same page (statefully!)

🚀 Introducing Smart Clicks for VS Code! 🖱 Double-click the bracket, and select the content inside them. Or double-click on the HTML tag name and make changes with the end tag!

🎥 Live coding is hard to be perfect (I'm so good at typo), so why don't we automate it? ⌨️ Take the snapshots for the changes(clicks), and then play it! Saves as plain text so you can edit it afterward and even commit to git

When seeing the screenshots of my apps, I sometimes find they render differently on others' devices. So I made the experiment Zeitreise to do the time-traveling and see what your apps would look like, without the new features from the browsers 🕝

The inline snapshot in [ Vitest](https://github.com/vitest-dev/vitest) is soo fast that you can even play with it like a REPL 🟥 🟩 Merry Christmas!🎄

So pleasant to watch tests running with the dot reporter on [ Vitest](https://github.com/vitest-dev/vitest) 😆

Just like how Vite works in the browser, Vitest also knows the graph of your modules, which makes it able to do smart detection and only rerun the related tests. Feels almost like HMR but for tests 😍

This could be a good way to learn how Vite works and debug your apps and plugins. This plugin lets you see the intermediate states of plugins transform and the changes they applied. Now also with a cool module graph built with vis.js 🕸

🌈 Working on some cool stuff for [ Slidev](https://github.com/slidevjs/slidev) On the right it's the presenter mode, which can work remotely on your phone or iPad 😳, even with pen pressure support! ✍️

An experimental of Windi CSS running on the client-side and works for any websites with only one line of code, WITHOUT any dev servers! 🧪🍃

Working on the homepage of [ Slidev](https://github.com/slidevjs/slidev) docs 😍

Spoiler of the new piece of Wind CSS playground - interactive selector. I always find myself trouble picking the directions of rounded corners and looking up for a huge table of all the possible combinations could be inefficient. So yeah :) rounded-1/2 is new in Windi CSS btw 😉

VS Code extension for [ Vite](https://github.com/vitejs/vite). Fire up your Vite server along with your project, and play it without even leaving your editor. Another way of being faster 🚀

🚏 Auto navigate to the page you are working on!