Context aware indentation in VS Code

[daeh]

Is there a way for VS Code to apply context-aware indentations in qmd files? For instance, I need the python blocks to be indented with 4 spaces. But if 4-space indentation gets applied to everything, then <div class="author">In a Div</div> renders as a code block and the callout (which with 2 spaces correctly appears as a child of the first list item) is broken.

---
title: TEST
jupyter: python3
---

## Evaluated python cell

```{python}
def f():
    print("output")

f()
```

## Code block

```python
def f():
    print("output")
```

## HTML

<div class="container">
  <div class="author">In a Div</div>
</div>

## List

- unordered list

  ::: {.callout-note}
  A Callout
  :::

  - sub-item 1
  - sub-item 2
    - sub-sub-item 1

Thanks!!

quarto: 1.6.39
VSCode: 1.96.2
OS: Darwin arm64 23.6.0
quarto plugin: 1.118.0

[daeh]

Is the current best solution to set the document to 4-spaces and use raw for html

```{=html}
<div class="container">
    <div class="author">In a Div</div>
</div>
```

and extra space after bullet item?

-   unordered list

    ::: {.callout-note}
    A Callout
    :::

    -   sub-item 1
    -   sub-item 2
        -   sub-sub-item 1

?