public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(home): removed new tool first sort

Browse Source
This commit is contained in:
Corentin Thomasset 2022-08-04 21:59:22 +02:00
parent 04a8e122be
commit d30cd8a9ab
No known key found for this signature in database
GPG Key ID: DBD997E935996158
1 changed files with 2 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/Home.page.vue
View File

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { toolsWithCategory } from '@/tools'; import { toolsWithCategory } from '@/tools';
import ToolCard from '../components/ToolCard.vue';
import { useHead } from '@vueuse/head'; import { useHead } from '@vueuse/head';
import ToolCard from '../components/ToolCard.vue';
useHead({ title: 'IT Tools - Handy online tools for developers' }); useHead({ title: 'IT Tools - Handy online tools for developers' });
</script> </script>
@ -9,13 +9,7 @@ useHead({ title: 'IT Tools - Handy online tools for developers' });
<template> <template>
<div class="home-page"> <div class="home-page">
<n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8"> <n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8">
<n-gi <n-gi v-for="tool in toolsWithCategory" :key="tool.name">
v-for="tool in [
...toolsWithCategory.filter(({ isNew }) => isNew),
...toolsWithCategory.filter(({ isNew }) => !isNew),
]"
:key="tool.name"
>
<tool-card :tool="tool" /> <tool-card :tool="tool" />
</n-gi> </n-gi>
</n-grid> </n-grid>