mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-04-22 07:46:15 -04:00
23 lines
533 B
Vue
23 lines
533 B
Vue
<script setup lang="ts">
|
|
import { toolsWithCategory } from '@/tools';
|
|
import ToolCard from '../components/ToolCard.vue';
|
|
import { useHead } from '@vueuse/head';
|
|
|
|
useHead({ title: 'IT Tools' });
|
|
</script>
|
|
|
|
<template>
|
|
<div class="home-page">
|
|
<n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8">
|
|
<n-gi v-for="tool in toolsWithCategory" :key="tool.name">
|
|
<tool-card :tool="tool" />
|
|
</n-gi>
|
|
</n-grid>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="less">
|
|
.home-page {
|
|
padding-top: 50px;
|
|
}
|
|
</style>
|