A demo of a vue component built with Liquid Glass Design (iOS 26)

Nice improvements as always. I am not full-in in Vue anymore, but I still enjoy it

Le listing sur les examples de Nuxt https://nuxt.com/templates. Un autre référencement sur le site de https://www.builtatlightspeed.com/

How typescript types can improve safety?

Optimizing the proxy object lead to performance gains

An argument against React, because all its features are already built-in.

About 1.

1. DOM refs created inside composables need to be explicitly destructured in setup() and returned. Otherwise, they won't be mapped to their DOM element.

Yes... but it is also the point that the template refs must be declared in the vue component. I find it more explicit IHMO. Imagine if multiple components were referencing multiple template refs.... It would add mental burden and forces the developer to know which composable use which refs.

About 2.

2. Data inside refs isn't automatically usable by templates unless you wrap the composable invocation with reactive(), which conflicts with point 1 without even more destructuring.

Yes to get the value: const { myRef } = useComposable()
or
const r = reactive(useComposable())

An unstyled vue component library.

A playground where some vue components can be defined. It is useful for quick tests and sharing them :)

Most of the time, your job with JavaScript to enhance components’ keyboard accessibility will be done with just a handful of tools, including the use of event listeners and certain JavaScript methods of a couple of Web APIs that can help us in this task.

• keydown event: Instead, the utility of the keydown event comes when you need to add functionality to other keys [than enter or space].
• blur event: most of the time, you’ll use it to reverse the possible changes you have made with the keydown event listener.
• focus event (rare), but instead the focus method!
• button.inert works and avoid a setAttribute.

#idea #project #vue: create a directive to handle keydown and blur event into one action that is reversible.

So now we can have a look at component patterns:

• toggletips
• tabs
• modals

The tool I will choose to create forms with vue :)

A great maturation of Vue 3!

A chart library

It collects indeed a lot of icons

UseSound 😳

Featured components that are ready to be styled.