Estoy tratando de enrutar a otra página dentro de una función dentro de un componente. No puedo llamar a this.$router.push() y obtengo los siguientes errores:

 Compiled with problems:X ERROR in src/components/ButtonList.vue:118:16 TS2339: Property '$router' does not exist on type 'RenderFunction | { showLoading(): void; todoCount: ComputedRef<number>; clickCount: Ref<number>; increment: () => number; } | Promise<{ showLoading(): void; todoCount: ComputedRef<...>; clickCount: Ref<...>; increment: () => number; }>'. Property '$router' does not exist on type 'RenderFunction'. 116 | $q.loading.hide(); 117 | timer = void 0; > 118 | this.$router.push('step-02'); | ^^^^^^^ 119 | }, 2000); 120 | }, 121 | }; ERROR in src/components/ButtonList.vue:118:11 @typescript-eslint/no-unsafe-member-access: Unsafe member access .push on an `any` value. 116 | $q.loading.hide(); 117 | timer = void 0; > 118 | this.$router.push('step-02'); | ^^^^^^^^^^^^^^^^^ 119 | }, 2000); 120 | }, 121 | }; ERROR in src/components/ButtonList.vue:118:11 @typescript-eslint/no-unsafe-call: Unsafe call of an `any` typed value. 116 | $q.loading.hide(); 117 | timer = void 0; > 118 | this.$router.push('step-02'); | ^^^^^^^^^^^^^^^^^ 119 | }, 2000); 120 | }, 121 | };

Alguna idea de cómo solucionar este problema? Obtuve un botón que debería enrutar a la página siguiente después de un retraso, por lo tanto, la función setTimeout.