The-Homebrew-Cloud/Ryujinx-Website
2
0
Fork 0
mirror of https://github.com/Ryujinx/Ryujinx-Website.git synced 2024-06-03 05:38:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

Reorganise

Browse Source
This commit is contained in:
Isaac Marovitz 2023-05-31 09:14:50 -04:00
parent 17ebd5239d
commit 23ed91ecc7
No known key found for this signature in database
GPG Key ID: 97250B2B09A132E1
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/CompatibilityPage.vue
View File

@ -4,17 +4,10 @@ import axios from "axios";
import { onMounted, ref } from "vue";
import { useI18n } from "vue-i18n";
import { Doughnut } from "vue-chartjs";
import { Chart, ArcElement, Title, Legend, Tooltip, Colors, ChartData, ChartOptions, elements } from 'chart.js'
Chart.register(ArcElement, Title, Legend, Tooltip, Colors);
Tooltip.positioners.cursor = function(elements, eventPosition) {
return {
x: eventPosition.x,
y: eventPosition.y
};
}
import { Chart, ArcElement, Title, Legend, Tooltip, Colors, ChartData } from 'chart.js'
const { t } = useI18n();
const STATS_KEY = "git-stats";
const tierData = ref<PlayableTier[]>([
{
labelName: "status-playable",
@ -53,10 +46,6 @@ const tierData = ref<PlayableTier[]>([
},
]);
onMounted(() => {
fetchStats();
});
interface PlayableTier {
labelName: string;
localeKey: string;
@ -103,7 +92,7 @@ function setData() {
}
const fetchStats = async () => {
var stats = getWithExpiry("git-stats");
var stats = getWithExpiry(STATS_KEY);
if (stats.length == 0) {
try {
await Promise.all(tierData.value.map(async tier => {
@ -114,7 +103,7 @@ const fetchStats = async () => {
tier.count = result.data.total_count;
}));
setWithExpiry("git-stats", tierData.value, 10);
setWithExpiry(STATS_KEY, tierData.value, 10);
setData();
} catch (err) {
console.error(err);
@ -169,6 +158,17 @@ const chartOptions = {
}
}
Chart.register(ArcElement, Title, Legend, Tooltip, Colors);
Tooltip.positioners.cursor = function(elements, eventPosition) {
return {
x: eventPosition.x,
y: eventPosition.y
};
}
onMounted(() => {
fetchStats();
});
</script>
<template>