Meta tags:
description=The instant on-demand Atomic CSS engine;
author=Anthony Fu;

Headings (most frequently used words):

twoslash, integration, guides, integrations, installation, usage, with, vitepress, options, configpath, preprocess,

Text of the page (most frequently used words):
twoslash (11), unocss (10), config (9), code (8), presets (7), page (5), #vitepress (5), this (4), createtwoslasher (4), file (4), from (4), import (4), integrations (4), extension (4), overview (4), extractor (4), the (3), lsp (3), support (3), next (3), eslint (3), for (3), your (3), integration (3), svelte (3), safelist (3), preprocess (2), not (2), uno (2), configpath (2), search (2), div (2), class (2), html (2), blocks (2), transformertwoslash (2), markdown (2), defineconfig (2), default (2), export (2), with (2), documentation (2), you (2), examples (2), zed (2), jetbrains (2), ide (2), plugin (2), postcss (2), cli (2), runtime (2), webpack (2), scoped (2), astro (2), nuxt (2), vite (2), extracting (2), style (2), reset (2), why (2), getting (2), started (2), navigation (2), variants (2), extractors (2), attributify (2), transformers (2), guide (2), copyright, 2021, present, anthony, released, under, mit, license, previous, pager, last, updated, suggest, changes, replace, custom, transform, before, sending, generation, does, affect, rendered, path, provided, will, directory, tree, automatically, options, then, use, fenced, twoslasher, vue, langs, codetransformers, shikijs, usage, add, npm, bash, installation, 1px, provides, annotating, generated, css, output, useful, sites, powered, are, llm, can, read, better, optimized, format, guides, sidebar, return, top, menu, appearance, contributing, release, notes, v66, team, tutorial, playground, interactive, docs, resources, arbitrary, mdc, pug, jsx, compile, directives, variant, group, rem, tagify, legacy, compat, web, fonts, typography, icons, wind4, wind3, mini, community, autocomplete, layers, preflights, theme, shortcuts, rules, concepts, main, ctrl, skip, content,

Text of the page (random words):
twoslash integration skip to content unocss search ctrl k main navigation guide guide getting started why unocss presets style reset config file extracting safelist integrations overview integrations vite nuxt next astro svelte scoped webpack runtime cli postcss eslint twoslash lsp support vs code extension jetbrains ide plugin zed extension examples config config file concepts overview rules variants shortcuts theme extractors preflights safelist layers presets transformers autocomplete presets overview community presets presets mini wind3 wind4 icons attributify typography web fonts legacy compat tagify rem to px transformers variant group directives compile class attributify jsx extractors pug extractor mdc extractor svelte extractor arbitrary variants extractor resources interactive docs playground tutorial team v66 7 5 release notes contributing appearance menu return to top sidebar navigation guides getting started why unocss presets style reset config file extracting safelist integrations overview vite nuxt next astro svelte scoped webpack runtime cli postcss eslint twoslash lsp support vs code extension jetbrains ide plugin zed extension examples config presets on this page are you an llm you can read better optimized documentation at integrations twoslash md for this page in markdown format twoslash integration unocss twoslash provides twoslash integration for unocss annotating code blocks with generated css output useful in documentation sites powered by vitepress uno config ts ts import from unocss export default m 1 1px installation bash npm add unocss twoslash usage with vitepress in your vitepress config ts ts import transformertwoslash from shikijs vitepress twoslash import createtwoslasher from unocss twoslash import defineconfig from vitepress export default defineconfig markdown codetransformers transformertwoslash langs vue html twoslasher createtwoslasher then use twoslash in your fenced code blocks html div class div options configpath path to your unocss config file if not provided it will search up the directory tree automatically ts createtwoslasher configpath my uno config ts preprocess custom code transform before sending to unocss for generation this does not affect the rendered code ts createtwoslasher preprocess code code replace gm suggest changes to this page last updated pager previous page eslint next page lsp support released under the mit license copyright 2021 present anthony fu