how to watch route like options api

[pangao66]

<script>
export default {
  watch: {
    $route: {
      handler(to, from) {
        console.log(to, from);
      },
      immediate: true,
    },
  },
};
</script>

use options api I can watch the route where it is from and where it come
when I use composition-api

<script setup lang="ts">
import { useRoute } from "vue-router";
import { watch } from "vue";

const route = useRoute();
watch(
  route,
  (to, from) => {
    console.log(to, from);
  },
  { immediate: true }
);
</script>

to and from is the same object

[pangao66]

<script setup lang="ts">
import { useRoute } from "vue-router";
import { watch } from "vue";

const route = useRoute();
watch(
  () => route.fullPath,
  (to, from) => {
    console.log(`to:${to}`);
    console.log(`from:${from}`);
  },
  { immediate: true }
);
</script>