refactor: hero featured item is a plain link like all other cards

Remove the separate Play and Info buttons from the CollageHero featured
item. All collage items (including the featured one) are now uniform
<a href> links that navigate to the detail page.

- CollageHero: remove hasResumePosition prop, play/info emits, and
  associated play button logic
- App.vue: remove @play and @info bindings from CollageHero
- Delete unused HeroSection.vue component and its styles
This commit is contained in:
2026-05-25 14:25:58 +00:00
parent 76c426546b
commit cfa1781192
4 changed files with 10 additions and 325 deletions
-9
View File
@@ -84,9 +84,6 @@
:key="`movie-hero-${movieCollageItems.length}-${movieFeaturedItem?.id || 'none'}`"
:items="movieCollageItems"
:featured-item="movieFeaturedItem"
:has-resume-position="hasResumePosition"
@play="handlePlay"
@info="showDetail"
@select="showDetail"
/>
<!-- Spacer for header overlay -->
@@ -110,9 +107,6 @@
:key="`series-hero-${seriesCollageItems.length}-${seriesFeaturedItem?.id || 'none'}`"
:items="seriesCollageItems"
:featured-item="seriesFeaturedItem"
:has-resume-position="hasResumePosition"
@play="handlePlay"
@info="showDetail"
@select="showDetail"
/>
<!-- Spacer for header overlay -->
@@ -140,9 +134,6 @@
:key="`search-hero-${searchCollageItems.length}-${searchFeaturedItem?.id || 'none'}`"
:items="searchCollageItems"
:featured-item="searchFeaturedItem"
:has-resume-position="hasResumePosition"
@play="handlePlay"
@info="showDetail"
@select="showDetail"
/>
<!-- Spacer for header overlay -->