Кодовые блоки

Для оформления многострочных фрагментов кода используется синтаксис тройных обратных кавычек (```) до и после блока.

Можно также указать язык для подсветки синтаксиса.

Код:
```js
export default {
  data () {
    return {
      msg: 'Error', // [!code error]
      msg: 'Warning' // [!code warning]
    }
  }
}
```

Результат:
export default {
  data () {
    return {
      msg: 'Error', // [!code error]
      msg: 'Warning' // [!code warning]
    }
  }
}

Вы так же можете помечать удаленные и добавленные строки при помощи спец. комментария [!code--] или [!code++]

Код:
```ts
console.log('hewwo') // [!code --]
console.log('hello') // [!code ++]
console.log('goodbye')
```
Результат:
console.log('hewwo') // [!code --]
console.log('hello') // [!code ++]
console.log('goodbye')

Используйте [!code highlight] чтобы подсветить линию:

Код:
```ts
console.log('Not highlighted')
console.log('Highlighted') // [!code highlight]
console.log('Not highlighted')
```
Результат:
console.log('Not highlighted')
console.log('Highlighted') // [!code highlight]
console.log('Not highlighted')

You can also highlight multiple lines with a single comment:

Код:
```ts
// [!code highlight:3]
console.log('Highlighted')
console.log('Highlighted')
console.log('Not highlighted')
```
Результат:
// [!code highlight:3]
console.log('Highlighted')
console.log('Highlighted')
console.log('Not highlighted')

Используйте [!code focus] что бы подсветить линию:

Код:
```ts
console.log('Not focused');
console.log('Focused') // [!code focus]
console.log('Not focused');
```
Результат:
console.log('Not focused');
console.log('Focused') // [!code focus]
console.log('Not focused');

Указание языка после тройных кавычек (javascript, html, css, и т.д.) позволяет улучшить подсветку синтаксиса в редакторе.