<template>
  <div class="projects-page">
    <h1>{{ TEXTS.PROJECTS.TITLE }}</h1>
    <div class="projects-grid">
      <ProjectCard
        v-for="project in projects"
        :key="project.id"
        :project="project"
      />
    </div>
  </div>
</template>

<script setup lang="ts">
import { projects } from '~/config/projects';
import { TEXTS } from '~/config/content';
</script>

<style scoped>
@import '~/assets/css/pages/projects.css';
@import '~/assets/css/pages/projects-common.css';
</style>