Minimum(ish) working example of Quarto source files of English main text with Arabic divs and spans.
Output is published here: https://adamiturabi.github.io/quarto-arabic-mwe/
Install Quarto.
Install the Charis SIL, Amiri, and Vazirmatn fonts.
Install the Python3 package jupyter:
python3 -m pip install jupyter
If it doesn't let you install the package in this way, then follow directions to install it in a virtual environment:
python3 -m venv path/to/venv
source path/to/venv/bin/activate
python3 -m pip install jupyter
In the above repo, within the venv just created (if applicable), use this command to render the HTML and PDF outputs:
source path/to/venv/bin/activate
quarto render
To render the tikz figures, you need Ghostscript and Dvisvgm.
Note that if you use Homebrew on MacOS to manage installation of the ghostscript utility, then, when it updates packages it will change the version number in the path and delete the old path. So then, if you don't update the libgs field in _quarto.yml to point to the new path then your figures will start to look corrupted.
There is some experimental code (currently disabled) to use Inkscape instead. To install inkscape on Mac (without sudo):
brew install --cask inkscape