Component variants display as YML

[mejiaj]

Hello, we're looking to use patternlab with the US Web Design System. When running npm run pl:build and serving that via browser-sync we're seeing variants displayed as YML instead of the actual component variant. You can see it in action on our alert component.

Making this change proposed by Adrian Richardson in gitter seems to work. Any thoughts on including it codebase? Any advice would be appreciated.

I am using @pattern-lab/core v5.14.1 and @pattern-lab/engine-twig v5.14.0 on Linux, with Node v14.16.0. You can view the variants in src/patterns/components/usa-alert/

Expected Behavior

Variants display properly

Actual Behavior

YML being shown

Steps to Reproduce

• Clone https://github.com/uswds/uswds/tree/jm-library--develop-no-patch
• Run npm install and npm start

[mfranzke]

@mejiaj first of all welcome to the platform, great decision !

The fix suggested by AdrianRichardson looks very promising to me at least, I've opened a change request for others to review that solution.