fix: twig escaping

concepts/framework/architecture/storefront-concept.md

@@ -119,4 +119,4 @@ Extending or adjusting a **translation** in Shopware 6 can be done by adding you
 Storefront snippets are located in `platform/src/Storefront/Resources/snippet`.
 :::
 
-Inside that directory, you will find a specific subdirectory for each language, e.g., `de_DE` following the ISO standard. Localization is done using the exact ISO. In addition to the language, the country of destination is also supplied. By default, two Storefront translations are provided: `de_DE` and `en_GB`. There are, of course, language plugins for other locales available. Inside these JSON files, you will find a simple translation and the possibility to work with variables and pluralization, which are wrapped with the `%` character. The reference of a translated value is used inside our Twig templates by calling the Twig function `trans` and working with interpolations \( e.g. `{{ "general.homeLink"|trans }}`\).
+Inside that directory, you will find a specific subdirectory for each language, e.g., `de_DE` following the ISO standard. Localization is done using the exact ISO. In addition to the language, the country of destination is also supplied. By default, two Storefront translations are provided: `de_DE` and `en_GB`. There are, of course, language plugins for other locales available. Inside these JSON files, you will find a simple translation and the possibility to work with variables and pluralization, which are wrapped with the `%` character. The reference of a translated value is used inside our Twig templates by calling the Twig function `trans` and working with interpolations \( e.g. <code v-pre>{{ "general.homeLink"|trans }}</code>\).

guides/plugins/plugins/storefront/templates/customize-templates.md

@@ -97,7 +97,7 @@ Also remember to not only activate your plugin but also to assign your theme to
 
 Of course this example is very simplified and does not use any variables, even though you most likely want to do that.
 Using variables is exactly the same as in [Twig](https://twig.symfony.com/doc/3.x/templates.html#variables) in general, so this won't be explained here in detail.
-Still, this is how you use a variable: `{{ variableName }}`
+Still, this is how you use a variable: <code v-pre>{{ variableName }}</code>
 
 But rather than that, how do you know which variables are available to use? For this case, you can just dump all available variables:
 

products/Nexus/workflow.md

@@ -107,7 +107,7 @@ Workflows move through these states from creation to active execution.
 
 ## Expression syntax
 
-Expressions use `{{ }}` syntax in templates and mappings.
+Expressions use <code v-pre>{{ }}</code> syntax in templates and mappings.
 
 ### Examples