arthur/artsite
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artsite.git synced 2026-01-14 15:54:13 +01:00
Code Issues 1 Packages Projects Releases Wiki Activity

Refactor UsesList component to improve key usage and fix comparison operator

Browse Source
This commit is contained in:
Arthur Danjou
2025-07-24 19:58:27 +02:00
parent 0c5802035f
commit 3cd2ac63fd
1 changed files with 2 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/pages/uses.vue
View File

@@ -34,13 +34,13 @@ const photos = [
:title="t('title')" :title="t('title')"
/> />
<div v-if="items" class="mt-12 space-y-12"> <div v-if="items" class="mt-12 space-y-12">
<UsesList v-for="category in categories" :title="category.name" :key="category.id"> <UsesList v-for="category in categories" :key="category.id" :title="category.name">
<UsesItem <UsesItem
v-for="(item, id) in items.filter(item => item.category === String(category.meta.title).toLowerCase())" v-for="(item, id) in items.filter(item => item.category === String(category.meta.title).toLowerCase())"
:key="id" :key="id"
:item="item" :item="item"
/> />
<div v-if="category.carousel && category.carousel == 'ides'" class="relative"> <div v-if="category.carousel && category.carousel === 'ides'" class="relative">
<UCarousel <UCarousel
v-slot="{ item }" v-slot="{ item }"
arrows arrows
@@ -60,7 +60,6 @@ const photos = [
</UCarousel> </UCarousel>
</div> </div>
</UsesList> </UsesList>
</div> </div>
</main> </main>
</template> </template>
@@ -70,11 +69,6 @@ const photos = [
"en": { "en": {
"title": "My uses", "title": "My uses",
"description": "Software I use, gadgets I love, and other things I recommend. Here’s a big list of all of my favorite stuff.", "description": "Software I use, gadgets I love, and other things I recommend. Here’s a big list of all of my favorite stuff.",
"hardware": "Hardware",
"software": "Software",
"ide": "IDE & Font",
"homelab": "My personal HomeLab",
"stack": "Stack",
"caption": { "caption": {
"jetbrains": "My IntelliJ IDE", "jetbrains": "My IntelliJ IDE",
"vscode": "My Visual Studio Code IDE", "vscode": "My Visual Studio Code IDE",
@@ -84,11 +78,6 @@ const photos = [
"fr": { "fr": {
"title": "Mes usages", "title": "Mes usages",
"description": "Logiciels que j'utilise, gadgets que j'adore et autres choses que je recommande. Voici une grande liste de toutes mes choses préférées.", "description": "Logiciels que j'utilise, gadgets que j'adore et autres choses que je recommande. Voici une grande liste de toutes mes choses préférées.",
"hardware": "Matériel",
"software": "Logiciel",
"ide": "IDE & Police",
"homelab": "Mon HomeLab personnel",
"stack": "Stack",
"caption": { "caption": {
"jetbrains": "Mon IDE IntelliJ Idea Ultimate", "jetbrains": "Mon IDE IntelliJ Idea Ultimate",
"vscode": "Mon IDE Visual Studio Code", "vscode": "Mon IDE Visual Studio Code",
@@ -98,11 +87,6 @@ const photos = [
"es": { "es": {
"title": "Mis aplicaciones.", "title": "Mis aplicaciones.",
"description": "Los programas que utilizo, los gadgets que adoro y otras cosas que recomiendo. Aquí te hago una lista de todas mis cosas preferidas. ", "description": "Los programas que utilizo, los gadgets que adoro y otras cosas que recomiendo. Aquí te hago una lista de todas mis cosas preferidas. ",
"hardware": "Material",
"software": "Programas",
"ide": "IDE y Fuente",
"homelab": "Mi HomeLab personal",
"stack": "Stack",
"caption": { "caption": {
"jetbrains": "Mi IDE IntelliJ Idea Ultimate", "jetbrains": "Mi IDE IntelliJ Idea Ultimate",
"vscode": "Mi IDE Visual Studio Code", "vscode": "Mi IDE Visual Studio Code",