From d6b110b5705f456f31d88886cd35fb0a1a183b6f Mon Sep 17 00:00:00 2001
From: Chris Krycho <hello@chriskrycho.com>
Date: Sat, 16 Mar 2019 09:59:27 -0600
Subject: [PATCH] Step 9: convert sub-controllers to TS.

---
 app/controllers/active.js    | 6 ------
 app/controllers/active.ts    | 7 +++++++
 app/controllers/completed.js | 6 ------
 app/controllers/completed.ts | 8 ++++++++
 4 files changed, 15 insertions(+), 12 deletions(-)
 delete mode 100644 app/controllers/active.js
 create mode 100644 app/controllers/active.ts
 delete mode 100644 app/controllers/completed.js
 create mode 100644 app/controllers/completed.ts

diff --git a/app/controllers/active.js b/app/controllers/active.js
deleted file mode 100644
index 005f045..0000000
--- a/app/controllers/active.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import { filterBy } from '@ember/object/computed';
-import Controller from '@ember/controller';
-
-export default Controller.extend({
-	todos: filterBy('model', 'completed', false)
-});
diff --git a/app/controllers/active.ts b/app/controllers/active.ts
new file mode 100644
index 0000000..db2f18d
--- /dev/null
+++ b/app/controllers/active.ts
@@ -0,0 +1,7 @@
+import Controller from "@ember/controller";
+import { filterBy } from "@ember-decorators/object/computed";
+import { Todo } from "todomvc/services/repo";
+
+export default class ActiveController extends Controller {
+  @filterBy("model", "completed", false) todos!: Todo[];
+}
diff --git a/app/controllers/completed.js b/app/controllers/completed.js
deleted file mode 100644
index 96f58bf..0000000
--- a/app/controllers/completed.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import { filterBy } from '@ember/object/computed';
-import Controller from '@ember/controller';
-
-export default Controller.extend({
-	todos: filterBy('model', 'completed', true)
-});
diff --git a/app/controllers/completed.ts b/app/controllers/completed.ts
new file mode 100644
index 0000000..cc9407a
--- /dev/null
+++ b/app/controllers/completed.ts
@@ -0,0 +1,8 @@
+import Controller from "@ember/controller";
+import { filterBy } from "@ember-decorators/object/computed";
+
+import { Todo } from "todomvc/services/repo";
+
+export default class CompletedController extends Controller {
+  @filterBy("model", "completed", true) todos!: Todo[];
+}