Multiply return types

export default defineEventHandler(async (event) => {
  const { isactive } = getQuery(event) as {
    isactive?: string;
  };

  if (isactive === "true") {
    return {
      isactive: true,
    };
  } else {
    return {
      hello: "world",
    };
  }
});

export default defineEventHandler(async (event) => {
  const { isactive } = getQuery(event) as {
    isactive?: string;
  };

  if (isactive === "true") {
    return {
      isactive: true,
    };
  } else {
    return {
      hello: "world",
    };
  }
});

<template>
  <div>
    <div v-if="response.hello">
      <!-- Make types work here -->
      {{ response.hello }}
    </div>
    
    <div v-if="response.isactive">
      <!-- Make types work here -->
      {{ response.isactive }}
    </div>
  </div>
</template>

<template>
  <div>
    <div v-if="response.hello">
      <!-- Make types work here -->
      {{ response.hello }}
    </div>
    
    <div v-if="response.isactive">
      <!-- Make types work here -->
      {{ response.isactive }}
    </div>
  </div>
</template>

Property 'hello' does not exist on type 'SerializeObject<...

Property 'hello' does not exist on type 'SerializeObject<...