SoarStarter TanStack
Essentials

Code Blocks

A showcase of code block variants.

Usage

export default () => {
  console.log('Code block');
};

With Title

nuxt.config.ts
export default defineNuxtConfig({
  // My Nuxt config
});

Highlight Lines

console.log('1');
console.log('2');
console.log('3');
console.log('4');

Diff

console.log('hewwo'); 
console.log('hello'); 
console.log('goodbye');

Error level

console.log('No errors or warnings');
console.error('Error'); // [!code error]
console.warn('Warning'); // [!code warning]

Focus

console.log('Not focused');
console.log('Focused'); 
console.log('Not focused');

Inline Code

code inline

const codeInline: string = 'highlighted code inline'

On this page