Skip to content

🔧 Migrate and Refactor PageFooter Component to Vue 3 #4

@tholulomo

Description

@tholulomo

📋 Description

This subtask is part of the Nanomine Pages and Components Migration to Vue 3 Epic. The objective is to refactor and migrate the PageFooter component from its legacy implementation to align with Vue 3 development standards.


✅ Tasks

1. Component Migration

  • Refactor the existing PageFooter from a class-based component to a Vue 3 Composition API structure.
  • Convert the original JavaScript implementation to TypeScript for improved type safety and consistency.

2. Style Refactoring

  • Migrate and adapt any footer-specific SCSS styles.
  • Ensure styles are scoped appropriately and follow the modular styling conventions used in the Vue 3 setup.

3. Static Content Integration

  • Integrate Privacy Statement and Terms of Use text by reusing content from:
    🔗 Duke

4. Unit Testing

  • Write or update unit tests for the refactored PageFooter component.
  • Ensure test coverage includes rendering, props (if any), and link verification.

🧪 Acceptance Criteria

  • PageFooter is migrated to Vue 3 with Composition API and written in TypeScript.
  • Styles are modular and scoped.
  • Static content (Privacy Statement and Terms of Use) is correctly integrated.
  • Unit tests are implemented and passing.
  • No functional regressions or UI inconsistencies.

🔀 Branch

Commit your work to a branch named:
feature/vue3-page-footer-migration

🔗 Related Epic

This task is a subtask of: 📦 Nanomine Pages and Components Migration to Vue 3

Metadata

Metadata

Assignees

Labels

Type

No fields configured for Task.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions