docs/v7/syntax-overview

[utterances-bot]

autoEscaping | SquirrellyJS

import Hint from 'react-admonitions'

https://squirrelly.js.org/docs/v7/syntax-overview

[tafandi]

Can we pass a literal? For example if I have a filter named "pretty_format", and sometimes I just need to pass a hardcoded value to it (to standardize output), seems like I can't use {{"hello" | pretty_format}}

How to make this work?

Thanks

[pmjlopez]

Hi,

Helpers start with ~ and are for logic in the template.

but in the example @ is used.

[nebrelbug]

@pmjlopez thanks for catching that! @ is the correct prefix -- I'll update the docs now.

[nebrelbug]

@tafandi I just fixed filters so they'll work with any kind of literal.

[lourot]

@nebrelbug is there a way to escape the {{ like here? I'm using Squirrelly to render some Vue SFC files, which is a language that also contains such {{ expressions }} and I want Squirrelly to ignore them, for example:

<template>
  <button
    type="button"
    @click="state.count++"
  >
    Counter {{ state.count }}
  </button>
</template>

Squirrelly will throw a ReferenceError because of unknown state but I want Squirrelly to ignore this line. I tried backslashes like \{{ state.count }} but it didn't work. Thanks!

[lourot]

I found a way but maybe there is another more elegant way? {{ "{{" }} state.count }}

[nebrelbug]

@AurelienLourot in your situation, I would probably pass in config options to Squirrelly to change the template delimiters.

[lorenseanstewart]

@nebrelbug Are there any syntax highlighting packages for VS Code or Webstorm?

[Khauri]

I found a way but maybe there is another more elegant way? {{ "{{" }} state.count }}

YMMV, but I was able to do it this way in v9.0

{{ '{{state.count}}' }}