ember.js - ember-rails でコンポーネントを作成する際の命名規則

Question

初めてのコンポーネントを作成していますが、ほとんどのチュートリアルでは、Ember-Rails を使用していないと想定しています。

私が理解しているように、コンポーネントは Ember.Components を拡張する必要があり、独自のテンプレートも必要であり、両方に正しく名前を付ける必要があります。その後、ハンドルバー内で使用して、どのテンプレートにも配置できます。

どこが間違っていますか？

# app/assets/javascripts/components/table-of-contents.js.coffee
App.TableOfContentsComponent = Ember.Component.extend

# app/assets/javascripts/templates/components/table-of-contents.js.hbs
<h2>Look Ma! My component works!
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

# app/assets/javascripts/templates/somepage.js.hbs
<h1>Here be Some Page with it's own Table of Contents</h2>
{{table-of-contents}}

somepage テンプレートに {{table-of-contents}} を含めて somepage を開こうとすると、コンソールにこの無意味なエラーが表示されます

Uncaught Error: Assertion Failed: You must pass a view to the #view helper, not function () {

[編集 1: gem の README 内に詳細情報が見つかりました。ダー。実際、これに関する詳細情報があるとは思っていませんでした。現在進行中: https://github.com/emberjs/ember-rails ]