diff --git a/README.md b/README.md
index bf90917..94b28a7 100644
--- a/README.md
+++ b/README.md
@@ -115,6 +115,24 @@ class MyRouteComponent extends Component {
 export default RoutableComponentRoute(MyRouteComponent);
 ```
 
+
+```gjs
+// app/routes/my-route.gjs
+import RoutableComponentRoute from 'ember-routable-component';
+import Component from "@glimmer/component";
+
+class MyRouteComponent extends Component {
+  <template>Hello, {{this.message}}. Why was I screaming? {{yield 'my-name' to='named-outlet'}}</template>
+
+  get message() {
+    return String(this.args.model).toUpperCase();
+  }
+}
+
+export default RoutableComponentRoute(MyRouteComponent);
+```
+
+
 With this feature, it eliminates most of the reasons for needing controllers,
 other than for query params (which is another coherence gap Polaris would need
 to address). We suggest exploring moving your non-QP controller logic into a
diff --git a/ember-routable-component/src/templates/ember-routable-component/ember-route-template.js b/ember-routable-component/src/templates/ember-routable-component/ember-route-template.js
index 742cd1b..dbe5684 100644
--- a/ember-routable-component/src/templates/ember-routable-component/ember-route-template.js
+++ b/ember-routable-component/src/templates/ember-routable-component/ember-route-template.js
@@ -1,3 +1,5 @@
 import { precompileTemplate } from '@ember/template-compilation';
-
-export default precompileTemplate("<this.Component @model={{this.model}} @controller={{this}}><:outlet>{{outlet}}</:outlet></this.Component>");
\ No newline at end of file
+export default precompileTemplate(`<this.Component @model={{this.model}} @controller={{this}}>
+    <:outlet>{{outlet}}</:outlet>
+    <:named-outlet as |name|>{{outlet name}}</:named-outlet>
+</this.Component>`);