Raw Blocks

Escape template delimiters when they conflict with target syntax.

Raw Block Syntax

Why Raw Blocks Are Needed

Vue Templates

Vue uses {| ... |} syntax for interpolation:

Codepurify Inside Templates

When generating Codepurify templates:

HTML Interpolation Conflicts

When generating templates that use similar delimiters:

Before Raw Block

❌ Incorrect - Codepurify tries to parse {| active |}:

After Raw Block

✅ Correct - Content preserved as-is:

Real Example: Generating Vue Component

Template: templates/user.component.vue.codepurify

Generated Output

user.component.vue:

Tips for Raw Blocks

• Use raw blocks only when necessary
• Keep raw blocks minimal
• Test generated output to ensure delimiters work correctly
• Consider using different delimiters if conflicts are frequent