title: Access nested objects property with pug
body: <p>I have this object called obj in my pug template</p>
  
  <pre><code>{
    "property1": {
      "property1": {
        "property1": "value",
        "property2": "value",
        "property3": "value"
      },
      "property2": "value",
      "property3": "value"
    },
    "property2": "value",
    "property3": "value"
  }
  </code></pre>
  
  <p>If i do</p>
  
  <pre><code>pre=obj
  </code></pre>
  
  <p>The object is displayed correctly. 
  But if I want to access its nested properties like</p>
  
  <pre><code>pre=obj.property1.property1
  </code></pre>
  
  <p>For some reasons its not rendering. </p>
  
  <p>Same if I do <code>p=obj.property1.property1.property1</code></p>
  
  <p>What am I missing? 
  Thanks</p>
  
  <p>Here is my exact code snippet:</p>
  
  <pre><code>  .box-body
      -session_details.forEach(function(session_detail) {
        .row
          .col-md-1=moment(session_detail.create_time).calendar()
          .col-md-1=moment(session_detail.create_time).format("DD/MM/YYYY HH:MM:SS")
          .col-md-1=session_detail.intent
          .col-md-4
            p #{session_detail.request.type}
            pre=session_detail.request
  
          .col-md-5
            pre=session_detail.response
      - });
  </code></pre>
  
  <p>And here is the exact output: 
  <a href="https://imgur.com/a/ZnmUp" rel="nofollow noreferrer">http://imgur.com/a/ZnmUp</a></p>
  
  <p>As you can see, the <code>p #{session_detail.request.type}</code> is not displayed for some reasons.</p>