Can I "hide" a block of jade from the renderer?
<p>I'm trying to build a style guide in jade + prismjs + angular. It will have jade code examples. So I need some of my jade to "stay jade." For example:</p>

<pre><code>//- source.jade
.description A component
pre.code-example
  code.language-jade
    .my-component
      .my-component-title Hello
      .my-component-body World
</code></pre>

<p>I want this to render to</p>

<pre><code>//- rendered.html
&lt;div class="description"&gt;A component&lt;/div&gt;
&lt;pre class="code-example"&gt;
  &lt;code class="language-jade"&gt;
    .my-component
      .my-component-title Hello
      .my-component-body World
  &lt;/code&gt;
&lt;/pre&gt; 
</code></pre>

<p>Is there a way to do tell jade to just leave the contents of <code>code.language-jade</code> alone? </p>

<p>I'll also consider completely different approaches. Jade as the 'outer' template language is non-negotiable, and it has to work in angular. I'm only using prismjs because my previous choice (highlighterjs) doesn't support jade.</p>

<p>Thx.</p>