How to line-select a block within a back-ticked string

Question

I've got the following code

1 const unrelated = 3;
2
3 const XYZ = styled.div`
4   display: inline-block;
5   position: absolute;
6   
7   margin: auto;
8 `;
9
10 const unrelated2 = 6;

With my cursor in line 6, how can I line-select lines 3 to 8?

vi`V

Doesn't seem to work.

Answer 1

The vi` motion from stock Vim will not work, since i` (and a` or i' or i") only work on a single line of code. See :help v_a` for more details.

But it turns out there's a plug-in that helps here, plug-in wellle/targets.vim extends many of the built-in motions and text objects, `i`` included, to make them more powerful.

In particular, it supports multi-line contents inside quotes. As stated in the README file:

Quote Text Objects

These text objects are similar to the built in text objects such as i'. [...]

These quote text objects try to be smarter than the default ones. They count the quotation marks from the beginning of the line to decide which of these are the beginning of a quote and which ones are the end. [...]

Quote text objects work over multiple lines and support seeking. [...]

The targets.vim defines many other very useful text objects, such as function arguments and also using n and l to match the "next" or "last" (previous) text object of that kind (e.g. in' for the next single quoted string, ip' for the previous one.)