Nuxt hook not fired

[learntheropes]

I have a plugin with:

export default defineNuxtPlugin(async nuxtApp => {

  let commitBlockHeight;
  nuxtApp.hook('ready', async () => {
    console.log('Fetch block height')
    const [{ height }] = await $fetch('https://mempool.space/api/v1/blocks');
    commitBlockHeight = height;
  });

  return {
    provide: {
      commitBlockHeight
    }
  }
});

And a page with:

<script setup>
  const { $commitBlockHeight } = useNuxtApp();
</script>

<template>
  <div>{{ $commitBlockHeight }}</div>
</template>

However, the variable is undefined and also the console log isn't logged.
Simply, the hook is not fired.
What could be the issue?

I have a reproduction here, but here obviously doesn't work since I can't run nuxt build and nuxt start

[learntheropes]

wrong repo