refactor: restructure project to classic MVC pattern

src/components/sections/ProjectsSection.vue

@@ -1,3 +1,12 @@
+<script lang="ts" setup>
+import {ExternalLink, Github} from 'lucide-vue-next'
+import type {Project} from '@/domain/models/Project'
+
+defineProps<{
+  projects: Project[]
+}>()
+</script>
+
 <template>
   <section id="projects" class="py-20 bg-white dark:bg-gray-800">
     <div class="container mx-auto px-4">
@@ -64,8 +73,8 @@
               <!-- Links -->
               <div class="flex space-x-2">
                 <a
-                  v-if="project.links.demo"
-                  :href="project.links.demo"
+                    v-if="project.demo"
+                    :href="project.demo"
                   target="_blank"
                   class="flex-1 px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-lg text-center text-sm font-medium transition-colors"
                 >
@@ -73,8 +82,8 @@
                   Demo
                 </a>
                 <a
-                  v-if="project.links.github"
-                  :href="project.links.github"
+                    v-if="project.repository"
+                    :href="project.repository"
                   target="_blank"
                   class="flex-1 px-4 py-2 border border-purple-600 text-purple-600 hover:bg-purple-600 hover:text-white rounded-lg text-center text-sm font-medium transition-colors"
                 >
@@ -85,15 +94,9 @@
             </div>
           </div>
         </div>
+
       </div>
     </div>
   </section>
 </template>
 
-<script setup>
-import { ExternalLink, Github } from 'lucide-vue-next'
-
-defineProps({
-  projects: Array
-})
-</script>