π¨βπ» staff dx engineer β io psychologist β educator hybrid | π vue core β πΊ angular team β ποΈ nuxt amb | π productivity β docs β notes nerd
Joined May 2015
- Tweets6K
- Following1.5K
- Followers10.5K
- Likes25.4K
Ben Hong @ #AllThingsOpen retweeted
vuejs-ai/skills "vue-best-practices" v19 released! π
- Handle components with too many props/emits
- Avoid excessive exports from composables
- Reduce prop drilling and emit hell using provide/inject
Get your AI agent to write better Vue! π
$ npx skills add vuejs-ai/skills
Ben Hong @ #AllThingsOpen retweeted
This is Pele, my new rendering library for diagrams and charts, compatible with the latest Mermaid syntax.
- 100-500Γ faster than mermaid.js
- 6Γ smaller bundle
- No dependencies
- Easy to theme
- Responsive to device width
In pursuit of making Obsidian insanely fast and cohesively designed, I always found the Mermaid library to be too big, too slow, and too hard to theme. Pele will be the new renderer in the next version of Obsidian, but you can start using it now.
Pele [ΛpΙlΙ] is named after the goddess of volcanoes and fire. It's open source under the MIT license. Try the playground!
Ben Hong @ #AllThingsOpen retweeted
What brands are using Nuxt?
nuxt.com/showcase
Ben Hong @ #AllThingsOpen retweeted
happy sunday! fonts.nuxt.com v1 is out π
if you haven't tried it, here's how:
1οΈβ£ use `font-family` in css or tailwind
β
... and you're done!
nuxt will detect the font, self-host it, and generate preloads + font metrics to cut layout shift + load time
no configuration required β¨
Ben Hong @ #AllThingsOpen retweeted
Introduce @antfu/skills
It works just like @antfu/eslint-config, an opinionated pack of skills curated from the ecosystem.
Instead of vendoring skills, you get a package-manager-like experience: install packs with their skill deps.
github.com/antfu/skills-pack
Ben Hong @ #AllThingsOpen retweeted
Vue Router 5.4.0 is out!
- new experimental ScrollRestoration plugin to replace scrollBehavior
- new onRouteRendered hook
- Typed hash params (experimental)
And other bug fixes and perf improvements
github.com/vuejs/router/releβ¦
Ben Hong @ #AllThingsOpen retweeted
Native markdown formatting in oxfmt now!
Oxfmt now formats Markdown files natively!
Quick benchmark on mdn/content repo (14k+ .md):
- π₯ [email protected]: 3.457 s Β± 0.885 s
- π₯ [email protected]: 27.064 s Β± 1.187 s
- π₯ [email protected]: 77.180 s Β± 4.309 s
Ben Hong @ #AllThingsOpen retweeted
Just updated!
pulls.review now lets you use local agents for analysis when you run it from the CLI!
Ben Hong @ #AllThingsOpen retweeted
Obsidian 1.14 is now available with five major improvements:
1. Edit Markdown files outside your vault
2. Preview files using macOS Quick Look when the app is closed
3. Instantly add notes with Quick Capture on iOS
4. Kanban and new grouping options in Bases
5. Highlight colors
Ben Hong @ #AllThingsOpen retweeted
Introducing medula!
Devtools for your agents for React, Vue, Svelte, and Solid
Directly change internal state of components for those hard-to-debug tasks
Built with devframe and its mcp
github.com/posva/medula
Ben Hong @ #AllThingsOpen retweeted
Nuxt 4.6 is out, alongside nuxt/cli v4 π
𧩠nuxt/server, our first big step to a server-agnostic Nuxt
π― typed $βfetch was rebuilt (no more TS2589!)
π appSecret + sealed cookie sessions
β‘οΈ Vue Vapor support
π brand new dev error pages
β¦ plus lots of groundwork for Nuxt 5 ποΈ
π nuxt.com/blog/v4-6
Ben Hong @ #AllThingsOpen retweeted
Let's talk about good WebMCP tool descriptions! We'll write these like a good commit message, not a README. We don't want it long and polluting context windows. Let's say what it does and when to use it
Positive framing: "Searches products by keyword."
Not: "Do not use this for orders."
The model will read each word, let's make them count βΊοΈ
Ben Hong @ #AllThingsOpen retweeted
β¨ SPEAKER HIGHLIGHT: BEN HONG (@bencodezen) β¨
Vue legend. Core Team member. Nuxt Ambassador. World-class educator. π
Back in 2021, Ben Hong took the stage at the Vuejs Amsterdam online global event, and since then, heβs continued to make a huge impact on the Vue ecosystem. π§‘
From shaping Vueβs future to helping thousands of developers master Vue 3, Vite, Pinia & Nuxt, Ben has helped make the ecosystem what it is today. π₯
Today, weβre celebrating the people whoβve shaped VueJS Amsterdam, and the wider Vue community.
π Thank you, Ben, for the impact youβve made.
#VuejsAmsterdam #Vuejs #Nuxtjs
Ben Hong @ #AllThingsOpen retweeted
And it just worksβ’ on Nuxt! π
I am so happy to finally see that Nuxt/Vue/Vite DevTools are now fully orthogonal while united! So we no longer need to rebundle Vue/Vite-specific features into Nuxt DevTools, and users can get the full experience of each level's integrations.
@vuejs DevTools v9 Beta is out! π
β¨ Reactivity Relationship Graph
β‘ Performance boost Β· π¦ 80% smaller packages
𧩠Built on Vite DevTools & Devframe
And more... check it out π
Ben Hong @ #AllThingsOpen retweeted
Working on a new scroll restoration API for Vue Router, that aims to replace the current scrollBehavior
Marked as experimental and will ship in the next minor
Give it a look and provide feedback!
github.com/vuejs/router/pullβ¦
Ben Hong @ #AllThingsOpen retweeted
if I was Dumbledore I would've hid the philosopher's stone in the aws console
Ben Hong @ #AllThingsOpen retweeted
Introducing πππ΄πππ / πππΎππ, but with @typesafeai Jev + @aisdk
Now available on NPM: πππ π πππ-ππππ-πππ
