diff --git a/packages/qwik-nx/src/generators/application/files/src/routes/flower/index.tsx__template__ b/packages/qwik-nx/src/generators/application/files/src/routes/flower/index.tsx__template__
index 44fb084..5894764 100644
--- a/packages/qwik-nx/src/generators/application/files/src/routes/flower/index.tsx__template__
+++ b/packages/qwik-nx/src/generators/application/files/src/routes/flower/index.tsx__template__
@@ -1,4 +1,4 @@
-import { component$, useClientEffect$, useStore, useStylesScoped$ } from '@builder.io/qwik';
+import { component$, useVisibleTask$, useStore, useStylesScoped$ } from '@builder.io/qwik';
 import { DocumentHead, useLocation } from '@builder.io/qwik-city';
 import styles from './flower.<%= styleExtension %>?inline';
 
@@ -11,7 +11,7 @@ export default component$(() => {
     number: 20,
   });
 
-  useClientEffect$(({ cleanup }) => {
+  useVisibleTask$(({ cleanup }) => {
     const timeout = setTimeout(() => (state.count = 1), 500);
     cleanup(() => clearTimeout(timeout));