|
|
@ -4,6 +4,16 @@ import { useI18n } from 'vue-i18n'; |
|
|
|
|
|
|
|
const { t } = useI18n(); |
|
|
|
|
|
|
|
// Define resource interface |
|
|
|
interface Resource { |
|
|
|
id: number; |
|
|
|
title: string; |
|
|
|
description: string; |
|
|
|
link: string; |
|
|
|
category: string; |
|
|
|
icon: string; |
|
|
|
} |
|
|
|
|
|
|
|
// Resource categories |
|
|
|
const categories = ref([ |
|
|
|
{ id: 'all', name: t('resources.categories.all') }, |
|
|
@ -18,7 +28,7 @@ const categories = ref([ |
|
|
|
const activeCategory = ref('all'); |
|
|
|
|
|
|
|
// Resources list |
|
|
|
const resources = ref([ |
|
|
|
const resources = ref<Resource[]>([ |
|
|
|
{ |
|
|
|
id: 1, |
|
|
|
title: t('resources.items.docs_title'), |
|
|
@ -102,7 +112,7 @@ const resources = ref([ |
|
|
|
]); |
|
|
|
|
|
|
|
// Filtered resources based on active category |
|
|
|
const filteredResources = ref([]); |
|
|
|
const filteredResources = ref<Resource[]>([]); |
|
|
|
|
|
|
|
// Filter resources based on active category |
|
|
|
const filterResources = () => { |
|
|
|