More markdown effects with shiki transformers

```ts
console.log('Not highlighted')
console.log('Highlighted') // [!code highlight]
console.log('Not highlighted')
```

```ts
const message = 'Hello World'
console.log(message) // prints Hello World
```

const message = 'Hello World'
console.log(message) // prints Hello World

```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');

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

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

```ts
console.log('hewwo') // [!code --]
console.log('hello') // [!code ++]
console.log('goodbye')
```
```
 
```ts
console.log('hewwo') // [!code --]
console.log('hello') // [!code ++]
console.log('goodbye')
```