Write better
Vue and Nuxt code.

A highly curated collection of practical tips, advanced patterns, and performance tweaks for Vue & Nuxt.

useTip.ts

const { tip } = useAsyncData(
'awesome-trick',
() => queryContent().findOne()
)

In Vite, you can use Lightning CSS as your default transformer and minifier.

import {browserslistToTargets} from 'lightningcss';

export default {
    css: {
        transformer: 'lightningcss',
        lightningcss: {
            targets: browserslistToTargets(browserlist('>= 0.25%'))
        }
    },
    build: {
        cssMinify: 'lightningcss'
    }
}

Write better Vue and Nuxt code.

In Vite, you can use Lightning CSS as your default transformer and minifier.

Write better
Vue and Nuxt code.