Le listing sur les examples de Nuxt https://nuxt.com/templates. Un autre référencement sur le site de https://www.builtatlightspeed.com/
— Permalink
How typescript types can improve safety?
— Permalink
Optimizing the proxy object lead to performance gains
— Permalink
An argument against React, because all its features are already built-in.
— Permalink
About 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.
- 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())
— Permalink
An unstyled vue component library.
— Permalink
A playground where some vue components can be defined. It is useful for quick tests and sharing them :)
— Permalink
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.
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:
The tool I will choose to create forms with vue :)
— Permalink
A great maturation of Vue 3!
— Permalink
A chart library
— Permalink
It collects indeed a lot of icons
— Permalink
UseSound 😳
— Permalink
Featured components that are ready to be styled.
— Permalink
A pure HTML vue library. CSS is free :)
— Permalink
It can be useful in some cases: to declare variables in the <template>
directly.
— Permalink
Another component library for vue :)
The components look clean. Demo: https://www.naiveui.com/
— Permalink
So since we can't share the components across different branches in the component tree, we could actually hoist them to the root so they become independent from the routes.
Startport allows to have transitions between vue pages.
— Permalink
It combines the best parts of React and Angular.
Weakness:
What is missing:
Collect all vue websites and make cards with them.
The goal is to gather the preferred way of doing something in vue. For example, routing with vue-router, state management with pinia, SSR with Nuxt, etc...
A
It has a searchbar too.
More tools can be added from:
It can be built with Vitepress to keep it in the Vue ecosystem.
Project name:
A ready to go starter project with ... everything. A lite version exist for a smaller scope.
— Permalink
A web client for Mastodon.
The (not yet) open-sourced web app: https://github.com/elk-zone/elk
And the desktop one built with tauri: https://github.com/elk-zone/elk-native
— Permalink
This is the best guide I have found so far.
— Permalink
Indeed:
<template>
<div
@mouseover="hover = true"
@mouseleave="hover = false"
/>
</template>
And now we now when the mouse is hovering.
A warning though: it is not compatible with touch screens !
— Permalink
embed Vue as Native App with the same components and writing style.
It seems not mature enough for production ready apps.
— Permalink
2022 is relevant for the stable release of Vue 3. The ecosystem catch up: Nuxt 3, Vuetify 3, Quasar, NaiveUI, Ionic Vue, PrimeVue, InkLine, ElementPlus, ...
A focus has been given to Volar (1.0) and Vite. Vue 2 remains compatible with the version 2.7 "Naruto".
2023 expectations:
UnoCSS powered component library.
It looks promising with its 18 components!
Github: https://github.com/jd-solanki/anu
— Permalink
A good starting point for Vue experienced programmers with Tailwind
— Permalink
TL;DR $attrs defines every attribute that is not listed in the props.
Use cases:
A serie of posts about Nuxt
One project to unify them all
— Permalink
A cool project for migrating a lot of mixins
— Permalink
The documentation tool build with Nuxt on top of vue is here
— Permalink
How they solved the challenges that comes with this feature.
— Permalink
computedEager utility has optimizations over computed in some cases.
when you have a simple operation, with a rarely changing return value – often a boolean.
Stick to computed
]]>when you have a complex calculation going on, which can actually profit from caching and lazy evaluation and should only be (re-)calculated if really necessary.
Nice!
— Permalink
A state of the art library for vue components
— Permalink
Detect websites built with Vue or Nuxt and it displays related informations (plugins, modules, ...).
Project: https://github.com/nuxtlabs/vue-telescope-analyzer
— Permalink
The way to generate types from vue 3 components.
After some hours searching about how to generate types for the vue library components, this plugin for vite solved my problem.
As Vue 3 classes are contained in attrs
, we sometimes want to pass every prop attribute to the child, except the class
attribute:
v-bind="{ ...attrs, class: undefined }"
— Permalink
Comparing common concepts of web frameworks daily usage.
For each concept, an example in the framework is provided.
]]>