Template Only Glimmer Component

controllers.application\.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

templates.application\.hbs

<h1>Welcome to {{appName}}</h1>
<div class="test-parent">
<MyComponent @appName={{this.appName}} />
</div>

templates.components.my-component\.hbs

{{@appName}}

twiddle\.json

{
  "version": "0.17.0",
  "EmberENV": {
    "FEATURES": {},
    "_TEMPLATE_ONLY_GLIMMER_COMPONENTS": true,
    "_APPLICATION_TEMPLATE_WRAPPER": true,
    "_JQUERY_INTEGRATION": false
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "ember": "3.14.3",
    "ember-template-compiler": "3.14.3",
    "ember-testing": "3.14.3"
  },
  "addons": {}
}