Skip to content

BUG: Fix missing computed import and typo in frontend components #559

@Aditya30ag

Description

@Aditya30ag

Summary

Two small issues found in the frontend codebase that need fixing:

  1. Missing Vue import in error page - The computed function is used but not imported
  2. Typo in SEO description - Missing space in "world's most"

Files Affected

  • frontend/app/error.vue (line 64)
  • frontend/app/pages/index.vue (line 13)

Issues Details

1. Missing Import in Error Page

File: frontend/app/error.vue
Line: 64
Issue: The code uses computed() but doesn't import it from Vue.

// Current code (missing import)
const notFound = computed(() => props.error?.statusCode === 404)

Expected Fix:

// Add this import at the top of the script section
import { computed } from 'vue'

2. Typo in SEO Description

File: frontend/app/pages/index.vue
Line: 13
Issue: Missing space in "world'smost" should be "world's most"

// Current code (with typo)
const description = `Discover the world'smost critical open source projects.`;

// Expected fix
const description = `Discover the world's most critical open source projects.`;

Expected Behavior

  • Error page should properly import computed from Vue
  • SEO description should have proper spacing

Steps to Reproduce

  1. Build the project - TypeScript should catch the missing import
  2. Check the index page meta description for the spacing issue

Fix Checklist

  • Add import { computed } from 'vue' to frontend/app/error.vue
  • Change world'smost to world's most in frontend/app/pages/index.vue

Priority

Low (cosmetic/minor functionality issues)

Labels

  • bug
  • frontend
  • good first issue

Additional Notes

These are minor issues that won't break functionality but should be cleaned up for code quality and proper SEO.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions