292 private links
A serie of posts about Nuxt
- Continuous performance checks in Nuxt.js with Lighthouse CI and Github Actions
- Performance checklist for Vue and Nuxt (and recommended modules for Nuxt)
- Introduction to Nuxt modules
- Leveraging cache in Nuxt.js (and there is a good example of server middleware per page 👍
- Introduction to Nuxt 3 modules
- How to add Algolia Search to Nuxt 3
- Using Modules and Pinia to structure Nuxt 3 app
- Building a Nuxt Modules clone with Nuxt 3, TailwindCSS, Storyblok, and Vercel
- Building Blog with Nuxt 2 and Contentrain Headless CMS
- Deploying Nuxt 3 app to Vercel 🚀
- Adding Newsletter to Nuxt 3 apps
- How to use Cloudinary Images with Nuxt 3
- Improving Security of Nuxt 3 (self-developed modules)
- Improving Performance of Nuxt apps with Partytown
- Improving Performance of Nuxt with Fontaine [fonts] 🚀
One project to unify them all
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.