REFACTOR: Remove `router:main` and `getOwner`

REFACTOR: Remove router:main and getOwner

diff --git a/app/assets/javascripts/admin/components/themes-list.js b/app/assets/javascripts/admin/components/themes-list.js
index ae883a1..153e9ae 100644
--- a/app/assets/javascripts/admin/components/themes-list.js
+++ b/app/assets/javascripts/admin/components/themes-list.js
@@ -2,11 +2,12 @@ import { gt, equal } from "@ember/object/computed";
 import Component from "@ember/component";
 import { THEMES, COMPONENTS } from "admin/models/theme";
 import discourseComputed from "discourse-common/utils/decorators";
-import { getOwner } from "@ember/application";
+import { inject as service } from "@ember/service";
 
 export default Component.extend({
-  THEMES: THEMES,
-  COMPONENTS: COMPONENTS,
+  router: service(),
+  THEMES,
+  COMPONENTS,
 
   classNames: ["themes-list"],
 
@@ -71,9 +72,7 @@ export default Component.extend({
       }
     },
     navigateToTheme(theme) {
-      getOwner(this)
-        .lookup("router:main")
-        .transitionTo("adminCustomizeThemes.show", theme);
+      this.router.transitionTo("adminCustomizeThemes.show", theme);
     }
   }
 });

GitHub sha: 6a9bde3b

This commit appears in #10443 which was merged by eviltrout.