portfolio/.kiro/specs/layout-refactoring/tasks.md

Implementation Plan

• 1. Update default.vue layout with TopNav and Footer

  • Import TopNav and FooterCopyright components
  • Add TopNav before the slot
  • Add FooterCopyright after the slot
  • Add appropriate wrapper div with proper spacing
  • Requirements: 1.1, 1.4

• 2. Refactor app.vue to use layout system

  • Remove TopNav component import and usage

  • Remove FooterCopyright component import and usage

  • Remove unused FloatingActions import

  • Remove unused isLocaleSwitching variable

  • Wrap NuxtPage with NuxtLayout component

  • Keep all head management and global configuration

  • Requirements: 1.1, 1.2, 1.3

• 3. Verify visual appearance and functionality

  • Check homepage renders correctly with TopNav and Footer
  • Check blog index page renders correctly
  • Check blog post pages render correctly
  • Verify TopNav navigation works (hero, skills, work, projects, blog)
  • Verify language switcher functionality
  • Verify theme switcher functionality
  • Check responsive behavior on different screen sizes
  • Verify no console errors or hydration warnings
  • Requirements: 2.1, 2.2, 2.3, 4.1, 4.2, 4.3, 4.4, 4.5