UiDevkitClient

import { getActivatedRoute } from '@vendure/ui-devkit';const route = await getActivatedRoute();const slug = route.params.slug;

function getActivatedRoute(): Promise<ActiveRouteData>

import { graphQlQuery } from '@vendure/ui-devkit';const productList = await graphQlQuery(`  query GetProducts($skip: Int, $take: Int) {      products(options: { skip: $skip, take: $take }) {          items { id, name, enabled },          totalItems      }  }`, {    skip: 0,    take: 10,  }).then(data => data.products);

function graphQlQuery<T, V extends { [key: string]: any }>(document: string, variables?: { [key: string]: any }, fetchPolicy?: WatchQueryFetchPolicy): {    then: Promise<T>['then'];    stream: Observable<T>;}

import { graphQlMutation } from '@vendure/ui-devkit';const disableProduct = (id: string) => {  return graphQlMutation(`    mutation DisableProduct($id: ID!) {      updateProduct(input: { id: $id, enabled: false }) {        id        enabled      }    }`, { id })    .then(data => data.updateProduct)}

function graphQlMutation<T, V extends { [key: string]: any }>(document: string, variables?: { [key: string]: any }): {    then: Promise<T>['then'];    stream: Observable<T>;}

import { notify } from '@vendure/ui-devkit';notify({  message: 'Updated Product',  type: 'success'});

function notify(options: NotificationMessage['data']): void