Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Getting undefined when using <raw> or @{{

See original GitHub issue

I’m trying to not escape my vars in {{}} but they keep turning into undefined. I wrapped it in <raw> which didn’t fix it, I also added @{{ but that didn’t work for the href’s. Unsure what I’m doing wrong.

Maizzle Version: 1.0.7
Node.js Version: 13.0.1

Template:

---
title: You have been invited
bodyClass: bg-white h-full font-sans p-4 text-gray-900
htmlClass: bg-white h-full font-sans p-4 text-gray-900
---

<extends src="src/layouts/master.html">
  <block name="template">
    <raw>
      <div>
        <h1 class="mb-4 text-2xl font-bold leading-tight text-black">
          {{ givenName }} invited you to {{ storyName }}
        </h1>
        <p class="mb-12 text-base font-medium leading-tight">
          {{ fullName }} has invited you to edit
          <a href="@{{inviteLink}}" class="underline text-tella"
            >{{ storyName }}</a
          >
          on X.
        </p>
        <a
          href="{{ inviteLink }}"
          class="inline-flex items-center px-6 py-3 text-lg font-medium text-white no-underline border border-transparent rounded h-9 transition ease-in-out duration-150 focus:outline-none hover:shadow bg-tella focus:border-tella focus:shadow-outline-purple active:text-gray-400"
          >Open in X</a
        >
        <component src="src/components/footer.html"></component>
      </div>
    </raw>
  </block>
</extends>

Generated:

<div>
--
  | <h1 class="mb-4 text-2xl font-bold leading-tight text-black">
  | undefined invited you to undefined
  | </h1>
  | <p class="mb-12 text-base font-medium leading-tight">
  | undefined has invited you to edit
  | <a href="@undefined" class="underline text-tella">undefined</a>
  | on Tella.
  | </p>
  | <a href="undefined" class="inline-flex items-center px-6 py-3 text-lg font-medium text-white no-underline border border-transparent rounded h-9 transition ease-in-out duration-150 focus:outline-none hover:shadow bg-tella focus:border-tella focus:shadow-outline-purple active:text-gray-400">Open in Tella</a>