title: Pug Unbuffered Code Variable Interpolation Not Working but Buffered Code does
body: <p>I'm trying to create an express app using Pug for templating. I cannot figure out why when I am using an unbuffered variable interpolation, the object is undefined but when I remove the dash it seems to work just fine (minus that it literally displays the object)</p>
  
  <pre><code>//index.pug
  
  extends layout
  
  block campground 
    - var campgrounds = '#{camps}'
      .row
        each campground in campgrounds
          div.col-md-3.col-sm-6
            div
              img(src=`${campground.image}` class='img-thumbnail')
              a(href=`/campgrounds/${campground._id}`)
                h4.caption.text-center #{campground.name}
  
  
  
  
  
  //app.js
  
  app.get('/campgrounds', async (req, res) =&gt; {
      try {
          const camps = await Camp.find();
          res.render('index', { camps: camps });
      } catch (ex) {
          res.status(500).send('internal error');
      }
  });
  </code></pre>
  
  <p>Syntax 1:</p>
  
  <pre><code>- var campgrounds = '#{camps}'
  </code></pre>
  
  <p>Produces:</p>
  
  <p><img src="https://i.stack.imgur.com/Y5Yvc.png" alt=""></p>
  
  <p>Syntax 2:</p>
  
  <pre><code>var campgrounds = '#{camps}'
  </code></pre>
  
  <p>Produces:</p>
  
  <p><img src="https://i.stack.imgur.com/MKyUM.png" alt=""></p>