slidev icon indicating copy to clipboard operation
slidev copied to clipboard

<v-click> inside <v-click>

Open alokmenghrajani opened this issue 11 months ago • 2 comments

Problem description: I want to have bullet points where a bullet point's sentence is revealed piecewise.

Solution which might work: It might be useful to support inside . Something like:

<li v-click>What is:
  <ul>
    <li v-click>1+1</li> <span v-click>(it's 2)</span>
    <li v-click>2*3</li> <span v-click>(it's 6)</span>
  </ul>
</li>

Alternatives I considered: I tried v-clicks with no luck. Let me know if another alternative would work?

alokmenghrajani avatar Jan 31 '25 20:01 alokmenghrajani

<li v-clicks depth="100">What is:
  <ul>
    <li>1+1</li> <span>(it's 2)</span>
    <li>2*3</li> <span>(it's 6)</span>
  </ul>
</li>

or any other "depth" should work fine 😋

TheAlexLichter avatar Feb 11 '25 22:02 TheAlexLichter

Due to a Vue internal bug/limitation, I can't make <v-click> inside <v-click> work 😭

Another workaround is to use v-click="3" (an absolute click number, instead of the default relative one)

kermanx avatar Feb 21 '25 13:02 kermanx