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

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
+10 -9
View File
@@ -3,9 +3,9 @@ import { $fetch } from 'ohmyfetch'
import Star from '~icons/carbon/star'
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, {
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) => {
starGazersCount.value = data.stargazers_count
})
$fetch('https://api.npmjs.org/downloads/point/last-month/@vue-flow/core').then((data) => {
downloadCount.value = data.downloads
})
Promise.all([
$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) => {
downloadCount.value = data.downloads
}),
])
</script>
<template>
@@ -3,7 +3,7 @@ import type { UseDragEvent } from './useDrag'
export function useGetPointerPosition() {
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) => {
const x = sourceEvent.touches ? sourceEvent.touches[0].clientX : sourceEvent.clientX
const y = sourceEvent.touches ? sourceEvent.touches[0].clientY : sourceEvent.clientY