DEV: Revert "DEV: Update replaceWith on Route (#22645)" (#22693)

This reverts commit 33db93c9b2.

app/assets/javascripts/admin/addon/routes/admin-customize-colors-show.js

@@ -1,15 +1,10 @@
 import Route from "@ember/routing/route";
-import { inject as service } from "@ember/service";
 
 export default class AdminCustomizeColorsShowRoute extends Route {
-  @service router;
-
   model(params) {
     const all = this.modelFor("adminCustomize.colors");
     const model = all.findBy("id", parseInt(params.scheme_id, 10));
-    return model
+    return model ? model : this.replaceWith("adminCustomize.colors.index");
-      ? model
-      : this.router.replaceWith("adminCustomize.colors.index");
   }
 
   serialize(model) {

app/assets/javascripts/admin/addon/routes/admin-customize-email-style-index.js

@@ -1,10 +1,7 @@
 import Route from "@ember/routing/route";
-import { inject as service } from "@ember/service";
 
 export default class AdminCustomizeEmailStyleIndexRoute extends Route {
-  @service router;
-
   beforeModel() {
-    this.router.replaceWith("adminCustomizeEmailStyle.edit", "html");
+    this.replaceWith("adminCustomizeEmailStyle.edit", "html");
   }
 }

app/assets/javascripts/admin/addon/routes/admin-customize-themes-edit.js

@@ -16,7 +16,7 @@ export default class AdminCustomizeThemesEditRoute extends Route {
           target: params.target,
           field_name: params.field_name,
         }
-      : this.router.replaceWith("adminCustomizeThemes.index");
+      : this.replaceWith("adminCustomizeThemes.index");
   }
 
   serialize(wrapper) {

app/assets/javascripts/admin/addon/routes/admin-customize-themes-show.js

@@ -7,7 +7,6 @@ import { scrollTop } from "discourse/mixins/scroll-top";
 
 export default class AdminCustomizeThemesShowRoute extends Route {
   @service dialog;
-  @service router;
 
   serialize(model) {
     return { theme_id: model.get("id") };
@@ -16,7 +15,7 @@ export default class AdminCustomizeThemesShowRoute extends Route {
   model(params) {
     const all = this.modelFor("adminCustomizeThemes");
     const model = all.findBy("id", parseInt(params.theme_id, 10));
-    return model || this.router.replaceWith("adminCustomizeThemes.index");
+    return model ? model : this.replaceWith("adminCustomizeThemes.index");
   }
 
   setupController(controller, model) {

app/assets/javascripts/admin/addon/routes/admin-site-settings-index.js

@@ -3,13 +3,10 @@
   chosen a category. It will redirect to the first category.
 **/
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default class AdminSiteSettingsIndexRoute extends DiscourseRoute {
-  @service router;
-
   beforeModel() {
-    this.router.replaceWith(
+    this.replaceWith(
       "adminSiteSettingsCategory",
       this.controllerFor("adminSiteSettings").get("visibleSiteSettings")[0]
         .nameKey

app/assets/javascripts/admin/addon/routes/admin-watched-words-index.js

@@ -1,11 +1,8 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default class AdminWatchedWordsIndexRoute extends DiscourseRoute {
-  @service router;
-
   beforeModel() {
-    this.router.replaceWith(
+    this.replaceWith(
       "adminWatchedWords.action",
       this.modelFor("adminWatchedWords")[0].nameKey
     );

app/assets/javascripts/discourse/app/routes/associate-account.js

@@ -4,18 +4,15 @@ import { next } from "@ember/runloop";
 import { popupAjaxError } from "discourse/lib/ajax-error";
 import showModal from "discourse/lib/show-modal";
 import cookie from "discourse/lib/cookie";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   beforeModel(transition) {
     if (!this.currentUser) {
       cookie("destination_url", transition.intent.url);
-      return this.router.replaceWith("login");
+      return this.replaceWith("login");
     }
     const params = this.paramsFor("associate-account");
-    this.router.replaceWith(`preferences.account`, this.currentUser).then(() =>
+    this.replaceWith(`preferences.account`, this.currentUser).then(() =>
       next(() =>
         ajax(`/associate/${encodeURIComponent(params.token)}.json`)
           .then((model) => showModal("associate-account-confirm", { model }))

app/assets/javascripts/discourse/app/routes/build-category-route.js

@@ -23,7 +23,6 @@ export default (filterArg, params) => {
   return DiscourseRoute.extend({
     queryParams,
     composer: service(),
-    router: service(),
 
     model(modelParams) {
       const category = Category.findBySlugPathWithID(
@@ -51,7 +50,7 @@ export default (filterArg, params) => {
 
     afterModel(model, transition) {
       if (!model) {
-        this.router.replaceWith("/404");
+        this.replaceWith("/404");
         return;
       }
 
@@ -65,7 +64,7 @@ export default (filterArg, params) => {
       ) {
         // TODO: avoid throwing away preload data by redirecting on the server
         PreloadStore.getAndRemove("topic_list");
-        return this.router.replaceWith(
+        return this.replaceWith(
           "discovery.categoryNone",
           modelParams.category_slug_path_with_id
         );

app/assets/javascripts/discourse/app/routes/discourse.js

@@ -4,10 +4,8 @@ import Route from "@ember/routing/route";
 import { once } from "@ember/runloop";
 import { seenUser } from "discourse/lib/user-presence";
 import { getOwner } from "discourse-common/lib/get-owner";
-import { inject as service } from "@ember/service";
 
 const DiscourseRoute = Route.extend({
-  router: service(),
   showFooter: false,
 
   willTransition() {
@@ -51,7 +49,7 @@ const DiscourseRoute = Route.extend({
   redirectIfLoginRequired() {
     const app = this.controllerFor("application");
     if (app.get("loginRequired")) {
-      this.router.replaceWith("login");
+      this.replaceWith("login");
     }
   },
 

app/assets/javascripts/discourse/app/routes/discovery.js

@@ -8,10 +8,8 @@ import User from "discourse/models/user";
 import { setTopicList } from "discourse/lib/topic-list-tracker";
 import { action } from "@ember/object";
 import { resetCachedTopicList } from "discourse/lib/cached-topic-list";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend(OpenComposer, {
-  router: service(),
   queryParams: {
     filter: { refreshModel: true },
   },
@@ -31,14 +29,14 @@ export default DiscourseRoute.extend(OpenComposer, {
       User.currentProp("user_option.should_be_redirected_to_top", false);
       const period =
         User.currentProp("user_option.redirected_to_top.period") || "all";
-      this.router.replaceWith("discovery.top", {
+      this.replaceWith("discovery.top", {
         queryParams: {
           period,
         },
       });
     } else if (url && (matches = url.match(/top\/(.*)$/))) {
       if (this.site.periods.includes(matches[1])) {
-        this.router.replaceWith("discovery.top", {
+        this.replaceWith("discovery.top", {
           queryParams: {
             period: matches[1],
           },

app/assets/javascripts/discourse/app/routes/edit-category-index.js

@@ -1,11 +1,8 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   afterModel() {
     const params = this.paramsFor("editCategory");
-    this.router.replaceWith(`/c/${params.slug}/edit/general`);
+    this.replaceWith(`/c/${params.slug}/edit/general`);
   },
 });

app/assets/javascripts/discourse/app/routes/edit-category.js

@@ -1,11 +1,8 @@
 import Category from "discourse/models/category";
 import DiscourseRoute from "discourse/routes/discourse";
 import I18n from "I18n";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model(params) {
     return Category.reloadCategoryWithPermissions(
       params,
@@ -16,7 +13,7 @@ export default DiscourseRoute.extend({
 
   afterModel(model) {
     if (!model.can_edit) {
-      this.router.replaceWith("/404");
+      this.replaceWith("/404");
       return;
     }
   },

app/assets/javascripts/discourse/app/routes/forgot-password.js

@@ -1,15 +1,12 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import { defaultHomepage } from "discourse/lib/utilities";
 import { next } from "@ember/runloop";
-import { inject as service } from "@ember/service";
 
 export default class ForgotPasswordRoute extends DiscourseRoute {
-  @service router;
-
   async beforeModel() {
     const { loginRequired } = this.controllerFor("application");
 
-    const e = await this.router.replaceWith(
+    const e = await this.replaceWith(
       loginRequired ? "login" : `discovery.${defaultHomepage()}`
     );
 

app/assets/javascripts/discourse/app/routes/group-manage-membership.js

@@ -1,9 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import I18n from "I18n";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
   showFooter: true,
 
   titleToken() {
@@ -12,7 +10,7 @@ export default DiscourseRoute.extend({
 
   afterModel(group) {
     if (group.get("automatic")) {
-      this.router.replaceWith("group.manage.interaction", group);
+      this.replaceWith("group.manage.interaction", group);
     }
   },
 });

app/assets/javascripts/discourse/app/routes/login.js

@@ -6,7 +6,6 @@ import StaticPage from "discourse/models/static-page";
 
 export default class LoginRoute extends DiscourseRoute {
   @service siteSettings;
-  @service router;
 
   // `login-page` because `login` controller is the one for
   // the login modal
@@ -14,7 +13,7 @@ export default class LoginRoute extends DiscourseRoute {
 
   beforeModel() {
     if (!this.siteSettings.login_required) {
-      this.router.replaceWith(`/${defaultHomepage()}`).then((e) => {
+      this.replaceWith(`/${defaultHomepage()}`).then((e) => {
         next(() => e.send("showLogin"));
       });
     }

app/assets/javascripts/discourse/app/routes/new-category.js

@@ -2,7 +2,6 @@ import DiscourseRoute from "discourse/routes/discourse";
 import I18n from "I18n";
 import { Promise } from "rsvp";
 import { SEARCH_PRIORITIES } from "discourse/lib/constants";
-import { inject as service } from "@ember/service";
 
 let _newCategoryColor = "0088CC";
 let _newCategoryTextColor = "FFFFFF";
@@ -13,13 +12,12 @@ export function setNewCategoryDefaultColors(backgroundColor, textColor) {
 }
 
 export default DiscourseRoute.extend({
-  router: service(),
   controllerName: "edit-category-tabs",
   templateName: "edit-category-tabs",
 
   beforeModel() {
     if (!this.currentUser) {
-      this.router.replaceWith("/404");
+      this.replaceWith("/404");
       return;
     }
     if (!this.currentUser.admin) {
@@ -27,7 +25,7 @@ export default DiscourseRoute.extend({
         !this.currentUser.moderator ||
         this.siteSettings.moderators_manage_categories_and_groups === false
       ) {
-        this.router.replaceWith("/404");
+        this.replaceWith("/404");
       }
     }
   },

app/assets/javascripts/discourse/app/routes/new-message.js

@@ -7,7 +7,6 @@ import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
   dialog: service(),
-  router: service(),
 
   beforeModel(transition) {
     const params = transition.to.queryParams;
@@ -15,7 +14,7 @@ export default DiscourseRoute.extend({
     const groupName = params.groupname || params.group_name;
 
     if (this.currentUser) {
-      this.router.replaceWith("/latest").then((e) => {
+      this.replaceWith("discovery.latest").then((e) => {
         if (params.username) {
           e.send("createNewMessageViaParams", {
             recipients: params.username,
@@ -50,7 +49,7 @@ export default DiscourseRoute.extend({
       });
     } else {
       cookie("destination_url", window.location.href);
-      this.router.replaceWith("login");
+      this.replaceWith("login");
     }
   },
 });

app/assets/javascripts/discourse/app/routes/new-topic.js

@@ -2,11 +2,8 @@ import Category from "discourse/models/category";
 import DiscourseRoute from "discourse/routes/discourse";
 import cookie from "discourse/lib/cookie";
 import { next } from "@ember/runloop";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   beforeModel(transition) {
     if (this.currentUser) {
       let category, categoryId;
@@ -37,9 +34,10 @@ export default DiscourseRoute.extend({
       }
 
       if (category) {
-        // Using URL-based transition to avoid bug with dynamic segments and refreshModel query params
+        let route = "discovery.category";
-        // https://github.com/emberjs/ember.js/issues/16992
+        let params = { category, id: category.id };
-        this.router.replaceWith(`/c/${category.id}`).then((e) => {
+
+        this.replaceWith(route, params).then((e) => {
           if (this.controllerFor("navigation/category").canCreateTopic) {
             this._sendTransition(e, transition, categoryId);
           }
@@ -49,7 +47,7 @@ export default DiscourseRoute.extend({
           transition.abort();
           this.send("createNewTopicViaParams");
         } else {
-          this.router.replaceWith("discovery.latest").then((e) => {
+          this.replaceWith("discovery.latest").then((e) => {
             if (this.controllerFor("navigation/default").canCreateTopic) {
               this._sendTransition(e, transition);
             }
@@ -59,7 +57,7 @@ export default DiscourseRoute.extend({
     } else {
       // User is not logged in
       cookie("destination_url", window.location.href);
-      this.router.replaceWith("login");
+      this.replaceWith("login");
     }
   },
 

app/assets/javascripts/discourse/app/routes/restricted-user.js

@@ -1,13 +1,10 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 // A base route that allows us to redirect when access is restricted
 export default DiscourseRoute.extend({
-  router: service(),
-
   afterModel() {
     if (!this.modelFor("user").get("can_edit")) {
-      this.router.replaceWith("userActivity");
+      this.replaceWith("userActivity");
     }
   },
 });

app/assets/javascripts/discourse/app/routes/signup.js

@@ -1,21 +1,18 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import { next } from "@ember/runloop";
-import { inject as service } from "@ember/service";
 
 export default class SignupRoute extends DiscourseRoute {
-  @service router;
-
   beforeModel() {
     const { canSignUp } = this.controllerFor("application");
 
     if (this.siteSettings.login_required) {
-      this.router.replaceWith("login").then((e) => {
+      this.replaceWith("login").then((e) => {
         if (canSignUp) {
           next(() => e.send("showCreateAccount"));
         }
       });
     } else {
-      this.router.replaceWith("discovery.latest").then((e) => {
+      this.replaceWith("discovery.latest").then((e) => {
         if (canSignUp) {
           next(() => e.send("showCreateAccount"));
         }

app/assets/javascripts/discourse/app/routes/tag-show.js

@@ -25,7 +25,6 @@ const ALL = "all";
 
 export default DiscourseRoute.extend(FilterModeMixin, {
   composer: service(),
-  router: service(),
   navMode: "latest",
 
   queryParams,
@@ -100,7 +99,7 @@ export default DiscourseRoute.extend(FilterModeMixin, {
     ) {
       // TODO: avoid throwing away preload data by redirecting on the server
       PreloadStore.getAndRemove("topic_list");
-      return this.router.replaceWith(
+      return this.replaceWith(
         "tags.showCategoryNone",
         params.category_slug_path_with_id,
         tagId

app/assets/javascripts/discourse/app/routes/user-activity.js

@@ -1,14 +1,11 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import I18n from "I18n";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model() {
     let user = this.modelFor("user");
     if (user.get("profile_hidden")) {
-      return this.router.replaceWith("user.profile-hidden");
+      return this.replaceWith("user.profile-hidden");
     }
 
     return user;

app/assets/javascripts/discourse/app/routes/user-index.js

@@ -15,7 +15,7 @@ export default DiscourseRoute.extend({
     // transition into a user's activity works. This makes the back button work on mobile
     // where there is no user card as well as desktop where there is.
     if (this.site.mobileView) {
-      this.router.replaceWith(destination);
+      this.replaceWith(destination);
     } else {
       this.router.transitionTo(destination);
     }

app/assets/javascripts/discourse/app/routes/user-invited-index.js

@@ -1,10 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   beforeModel() {
-    this.router.replaceWith("userInvited.show", "pending");
+    this.replaceWith("userInvited.show", "pending");
   },
 });

app/assets/javascripts/discourse/app/routes/user-invited-show.js

@@ -2,11 +2,8 @@ import DiscourseRoute from "discourse/routes/discourse";
 import Invite from "discourse/models/invite";
 import { action } from "@ember/object";
 import I18n from "I18n";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model(params) {
     this.inviteFilter = params.filter;
     return Invite.findInvitedBy(this.modelFor("user"), params.filter);
@@ -14,7 +11,7 @@ export default DiscourseRoute.extend({
 
   afterModel(model) {
     if (!model.can_see_invite_details) {
-      this.router.replaceWith("userInvited.show", "redeemed");
+      this.replaceWith("userInvited.show", "redeemed");
     }
     this.controllerFor("user.invited").setProperties({
       invitesCount: model.counts,

app/assets/javascripts/discourse/app/routes/user-summary.js

@@ -1,15 +1,13 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import I18n from "I18n";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
   showFooter: true,
 
   model() {
     const user = this.modelFor("user");
     if (user.get("profile_hidden")) {
-      return this.router.replaceWith("user.profile-hidden");
+      return this.replaceWith("user.profile-hidden");
     }
 
     return user.summary();

app/assets/javascripts/discourse/app/routes/user.js

@@ -2,14 +2,11 @@ import DiscourseRoute from "discourse/routes/discourse";
 import User from "discourse/models/user";
 import { action } from "@ember/object";
 import { bind } from "discourse-common/utils/decorators";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   beforeModel() {
     if (this.siteSettings.hide_user_profiles_from_public && !this.currentUser) {
-      this.router.replaceWith("discovery");
+      this.replaceWith("discovery");
     }
   },
 
@@ -34,7 +31,7 @@ export default DiscourseRoute.extend({
       .findDetails()
       .then(() => user.findStaffInfo())
       .then(() => user.trackStatus())
-      .catch(() => this.router.replaceWith("/404"));
+      .catch(() => this.replaceWith("/404"));
   },
 
   serialize(model) {

app/assets/javascripts/discourse/app/routes/users.js

@@ -4,10 +4,8 @@ import { ajax } from "discourse/lib/ajax";
 import { popupAjaxError } from "discourse/lib/ajax-error";
 import { Promise } from "rsvp";
 import { action } from "@ember/object";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
   queryParams: {
     period: { refreshModel: true },
     order: { refreshModel: true },
@@ -37,7 +35,7 @@ export default DiscourseRoute.extend({
 
   beforeModel() {
     if (this.siteSettings.hide_user_profiles_from_public && !this.currentUser) {
-      this.router.replaceWith("discovery");
+      this.replaceWith("discovery");
     }
   },
 

app/assets/javascripts/discourse/config/deprecation-workflow.js

@@ -5,6 +5,7 @@ globalThis.deprecationWorkflow.config = {
   workflow: [
     { handler: "silence", matchId: "route-render-template" },
     { handler: "silence", matchId: "route-disconnect-outlet" },
+    { handler: "silence", matchId: "routing.transition-methods" },
     { handler: "silence", matchId: "this-property-fallback" },
     { handler: "silence", matchId: "discourse.select-kit" },
   ],

app/assets/javascripts/wizard/addon/routes/wizard-index.js

@@ -1,11 +1,8 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   beforeModel() {
     const appModel = this.modelFor("wizard");
-    this.router.replaceWith("wizard.step", appModel.start);
+    this.replaceWith("wizard.step", appModel.start);
   },
 });

plugins/chat/assets/javascripts/discourse/routes/chat-browse-archived.js

@@ -1,13 +1,9 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default class ChatBrowseIndexRoute extends DiscourseRoute {
-  @service router;
-  @service siteSettings;
-
   afterModel() {
     if (!this.siteSettings.chat_allow_archiving_channels) {
-      this.router.replaceWith("chat.browse");
+      this.replaceWith("chat.browse");
     }
   }
 }

plugins/chat/assets/javascripts/discourse/routes/chat-browse-index.js

@@ -18,6 +18,6 @@ export default class ChatBrowseIndexRoute extends DiscourseRoute {
   }
 
   afterModel() {
-    this.router.replaceWith("chat.browse.open");
+    this.replaceWith("chat.browse.open");
   }
 }

plugins/chat/assets/javascripts/discourse/routes/chat-channel-info-about.js

@@ -1,12 +1,9 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default class ChatChannelInfoAboutRoute extends DiscourseRoute {
-  @service router;
-
   afterModel(model) {
     if (model.isDirectMessageChannel) {
-      this.router.replaceWith("chat.channel.info.index");
+      this.replaceWith("chat.channel.info.index");
     }
   }
 }

plugins/chat/assets/javascripts/discourse/routes/chat-channel-info-index.js

@@ -1,18 +1,15 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default class ChatChannelInfoIndexRoute extends DiscourseRoute {
-  @service router;
-
   afterModel(model) {
     if (model.isDirectMessageChannel) {
       if (model.isOpen && model.membershipsCount >= 1) {
-        this.router.replaceWith("chat.channel.info.members");
+        this.replaceWith("chat.channel.info.members");
       } else {
-        this.router.replaceWith("chat.channel.info.settings");
+        this.replaceWith("chat.channel.info.settings");
       }
     } else {
-      this.router.replaceWith("chat.channel.info.about");
+      this.replaceWith("chat.channel.info.about");
     }
   }
 }

plugins/chat/assets/javascripts/discourse/routes/chat-channel-info-members.js

@@ -1,16 +1,13 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default class ChatChannelInfoMembersRoute extends DiscourseRoute {
-  @service router;
-
   afterModel(model) {
     if (!model.isOpen) {
-      return this.router.replaceWith("chat.channel.info.settings");
+      return this.replaceWith("chat.channel.info.settings");
     }
 
     if (model.membershipsCount < 1) {
-      return this.router.replaceWith("chat.channel.info");
+      return this.replaceWith("chat.channel.info");
     }
   }
 }

plugins/chat/assets/javascripts/discourse/routes/chat-channel-info-settings.js

@@ -1,13 +1,9 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default class ChatChannelInfoSettingsRoute extends DiscourseRoute {
-  @service router;
-  @service currentUser;
-
   afterModel(model) {
     if (!this.currentUser?.staff && !model.currentUserMembership?.following) {
-      this.router.replaceWith("chat.channel.info");
+      this.replaceWith("chat.channel.info");
     }
   }
 }

plugins/chat/assets/javascripts/discourse/routes/chat-message.js

@@ -17,7 +17,7 @@ export default class ChatMessageRoute extends DiscourseRoute {
           params.messageId
         );
       })
-      .catch(() => this.router.replaceWith("/404"));
+      .catch(() => this.replaceWith("/404"));
   }
 
   beforeModel() {