Highlighting two blocks of code in the same time doesn't work about slidev

[John98Zakaria]

I decided to invest some time into the issue
Here are the 2 problems

1. The documented syntax broke in commit as the regex that detects latex blocks changed in 80be226#diff-345d7ee55c0f3c8202375b28cf816e5fdf5f246d760624b86ed2e6f22c1510f1R192

Now you the should not add a space between the highlighting lines blocks and {at}

```js{all|1|2|all}{at:0}
const thisVarChanged = "Highlight me first!"
const eyo = "then me!"
\```

2. The reason why slidev doesn't automatically proceed to the next slide automatically when using the {at:} directive is the fact that slidev has a list of elements that are clickable.
   In the case bellow we have 6 clickable elements.

```js{all|1|2|all}
const thisVarChanged = "Highlight me first!"
const eyo = "then me!"
\```

```js{all|1|2|all}{at:0}
const thisVarChanged = "Highlight me first!"
const eyo = "then me!"
\```

By default slidev will proceed to the next slide once the number of clicks > the number of clickable objects.

slidev/packages/client/logic/nav.ts

Line 68 in 8e603ec

export const clicksTotal = computed(() => +(currentRoute.value?.meta?.clicks ?? clicksElements.value.length))

By using the {at:X} directive the number of clicks < number of clickable elements.

slidev/packages/client/logic/nav.ts

Lines 88 to 93 in 8e603ec

	export function next() {
	if (clicksTotal.value <= clicks.value)
	nextSlide()
	else
	clicks.value += 1
	}

That's why the click slide setting is currently needed

[xaviermignot]

For anyone having the same issue, let met share this workaround:

• Stick to v0.45.0
• Limit the number of clicks on the slide using the clicks property in the frontmatter (as explained here).

With these two steps I don't have the issue anymore.

[asm0dey]

For me, the workaround works too, but it's ugly. Especially given the fact that in docs, the scenario of two synchronized code blocks is highlighted as a main scenario.

[John98Zakaria]

I fixed the docs such that no-one would hang at the issue again for now

slidevjs/docs#159

slidevjs/docs#160

[xaviermignot]

Some additional information: I have tried to reproduce the issue using Stackblitz, and got a different behavior:

• The lines on the first slide were highlighted in the same time (as expected) !
• 3 more clicks were needed to go to the second slide
• For the second slide, the behavior was the same as described in the issue description

Then I have noticed the version used by Stackblitz: v0.35.4... After a npm update to bump to v0.46.1, the behavior was the same as described in the issue description for both slides.
So something has probably changed regarding this feature between those versions 🤔