alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(docs): use promise.all to fetch counters

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2023-05-02 23:27:09 +02:00
committed by Braks
parent b5accbfa44
commit f42aede440
2 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components/home/Banner.vue
+10 -9
View File
@@ -3,9 +3,9 @@ import { $fetch } from 'ohmyfetch'
import Star from '~icons/carbon/star' import Star from '~icons/carbon/star'
import Download from '~icons/carbon/download' import Download from '~icons/carbon/download'
const starGazersCount = ref(0) const starGazersCount = ref(1000)
const downloadCount = ref(0) const downloadCount = ref(10000)
const starGazersCountTransitioned = useTransition(starGazersCount, { const starGazersCountTransitioned = useTransition(starGazersCount, {
duration: 1000, duration: 1000,
@@ -21,13 +21,14 @@ const downloadCountTransitioned = useTransition(downloadCount, {
}, },
}) })
$fetch('https://api.github.com/repos/bcakmakoglu/vue-flow?page=$i&per_page=100').then((data) => { Promise.all([
starGazersCount.value = data.stargazers_count $fetch('https://api.github.com/repos/bcakmakoglu/vue-flow?page=$i&per_page=100').then((data) => {
}) starGazersCount.value = data.stargazers_count
}),
$fetch('https://api.npmjs.org/downloads/point/last-month/@vue-flow/core').then((data) => { $fetch('https://api.npmjs.org/downloads/point/last-month/@vue-flow/core').then((data) => {
downloadCount.value = data.downloads downloadCount.value = data.downloads
}) }),
])
</script> </script>
<template> <template>
packages/core/src/composables/useGetPointerPosition.ts
+1 -1
View File
@@ -3,7 +3,7 @@ import type { UseDragEvent } from './useDrag'
export function useGetPointerPosition() { export function useGetPointerPosition() {
const { viewport, snapGrid, snapToGrid } = useVueFlow() const { viewport, snapGrid, snapToGrid } = useVueFlow()
// returns the pointer position projected to the RF coordinate system // returns the pointer position projected to the VF coordinate system
return ({ sourceEvent }: UseDragEvent) => { return ({ sourceEvent }: UseDragEvent) => {
const x = sourceEvent.touches ? sourceEvent.touches[0].clientX : sourceEvent.clientX const x = sourceEvent.touches ? sourceEvent.touches[0].clientX : sourceEvent.clientX
const y = sourceEvent.touches ? sourceEvent.touches[0].clientY : sourceEvent.clientY const y = sourceEvent.touches ? sourceEvent.touches[0].clientY : sourceEvent.clientY