Can't dynamically fetch data using: useFetch

[Kajaia]

Do you have any idea, what I'm doing wrong here?

<script setup>
import moment from "moment";
import { handleImageError } from "~/helpers";

const { date } = useRoute().query;
const dateFormat = "Y-MM-D";
const today = moment().format(dateFormat);
const tomorrow = moment().add(1, "days").format(dateFormat);
const selectedDate = ref(date || today);
const changeDate = (date) => (selectedDate.value = date);

const { data, pending } = await useFetch(
  "https://example.com/api/test",
  {
    params: {
      date: selectedDate.value,
    },
    watch: [selectedDate]
  },
);
const { data: posts } = data.value;

const router = useRouter();
router.push({ query: { date: selectedDate.value } });

watch(selectedDate, (newSelectedDate) =>
  router.push({ query: { date: newSelectedDate } })
);
</script>

[xjccc]

date: selectDate？