如何使用 Vue 和 Urql 更新路由更改查询

问：

我正在尝试找到一种方法在路由更改时更新我的查询（同一组件）。正在使用路由元数据选择查询。在 Vue 路由器的导航守卫、钩子、监视变化等以及 Urqls 的“useQuery”之间，我不知道如何构建它以在路由更改时为我提供新数据。我只想让它识别出“myQuery”有一个新值，并将其应用于查询并重新运行它。

const route = useRoute();
const myQuery = route.meta.query;

const posts = await useQuery({
  query: gql`
    query posts {
      ${myQuery} {
        title
        description
        interests {
          title
        }
        createdAt
        image_url
        userId {
          username
        }
      }
    }
  `,
  pause: false
});
const data = posts.data;