203 private links
A cool project for migrating a lot of mixins
The documentation tool build with Nuxt on top of vue is here
How they solved the challenges that comes with this feature.
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!
A state of the art library for vue components
Detect websites built with Vue or Nuxt and it displays related informations (plugins, modules, ...).
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 }"
Comparing common concepts of web frameworks daily usage.
For each concept, an example in the framework is provided.
Especially what I was looking for :)
const currentSection = ref()
onMounted(() => {
const observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if(entry.intersectionRatio > 0) {
currentSection.value = entry.target.getAttribute('id')
}
})
document.querySelectorAll('article h2').forEach((section) => {
observer.observe(section)
})
})then add a class to the active currentSection.
May be useful someday
I will give it a try instead of using Storybook for the new projects. Especially with Vue and Vite.
This causes some people to claim that Svelte doesn’t scale, but that’s premature. The real question that matters is: where is that point? Clearly, nobody’s worried about whether React scales, so when does Svelte lose its advantage over React? Turns out: the scale at which Svelte's advantages disappear is actually unrealistically high for just about any application.
But to summarize both: Svelte’s advantage disappears somewhere around 150 kB of components loaded onto the page.
Alternately: are you choosing a technology for a relatively new startup or project? Svelte will likely enable you to move more quickly and build something that’s more performant, but hiring or collaborating may be a challenge, given the relatively small pool of Svelte devs
Pinia is the nest version of Vuex for Vue 3 and this tool looks promising ! The current documentation is up-to-date.