runtimeConfig not working when website deployed to netlify

export default defineEventHandler(async () => {
  // Fetch runtime configuration
  const runtimeConfig = useRuntimeConfig();

  // Fetch data from YouTube API
  const data = $fetch(
    `https://youtube.googleapis.com/youtube/v3/search?part=snippet&channelId=UCeWvxihiyzB_ic84VWxHVnA&channelType=any&maxResults=50&order=date&key=${runtimeConfig.youtubeApiKey}`
  );

  // Return the videos
  return data;
});

export default defineEventHandler(async () => {
  // Fetch runtime configuration
  const runtimeConfig = useRuntimeConfig();

  // Fetch data from YouTube API
  const data = $fetch(
    `https://youtube.googleapis.com/youtube/v3/search?part=snippet&channelId=UCeWvxihiyzB_ic84VWxHVnA&channelType=any&maxResults=50&order=date&key=${runtimeConfig.youtubeApiKey}`
  );

  // Return the videos
  return data;
});

YOUTUBE_API_KEY=key

YOUTUBE_API_KEY=key

runtimeConfig: {
    youtubeApiKey: process.env.YOUTUBE_API_KEY,
  },

runtimeConfig: {
    youtubeApiKey: process.env.YOUTUBE_API_KEY,
  },