I want to run pageTransition hooks for each page of the nuxt.config.ts file, but the hooks do not work!!

Pages :

/test :

<script setup lang="ts"></script>

<template>
  <div>
    <h1>Test Page</h1>
    <NuxtLink to="/test2">test2</NuxtLink>
  </div>
</template>

/test2 :

<script setup lang="ts"></script>

<template>
  <div>
    <h1>Test 2 Page</h1>
    <NuxtLink to="/test">test</NuxtLink>
  </div>
</template>

nuxt.config.ts

export default defineNuxtConfig({
  ssr: false,
  devtools: { enabled: false },
  nitro: {
    static: true,
  },
  app: {
   pageTransition : {
    name : "page",
    mode : "in-out",
    onEnter(el,done) {
      console.log('enter');
      done();
    },
    onLeave(el,done) {
      console.log("leave");
      done();
    }
   }
});

onEnter and onLeave do not work.

It also does not work in layouts. I want it to work on certain pages, not all pages.