I used to display a logo in my vue component like this:
<img class="Logo__image" src="~/static/media/logo.svg" alt="Logo Image">
Now I would like to switch the logo source when open a Menu overlay ( I need it's colors inverted).
I thought I could do this:
<img class="Logo__image" :src="navMenuOpen ? '~/static/media/logo-white.svg' : '~/static/media/logo.svg'" alt="Logo Image">
But now the ~/ is not doing it's magic to access the file (e.g. like:
I tried to use the require function directly but so far I had no success.
So I could really need a hint to the right direction.
Thanks in advance.