feat: SEO SPA Sites, Articles and Integration (4/4)

web/src/components/SeoPanel.vue

@@ -39,7 +39,7 @@ import {
 	type PreviewDevice,
 	type SeoPreviewInput,
 } from '@/lib/seoPreview'
-import type { SeoFocus, SeoSuggestion, SuggestionField } from '@/lib/seoTypes'
+import type { SeoFocus, SeoSuggestion, SuggestionCode, SuggestionField } from '@/lib/seoTypes'
 
 const DESKTOP_QUERY = '(min-width: 48rem)'
 const PANEL_FIELDS: SuggestionField[] = [
@@ -58,6 +58,8 @@ const props = defineProps<{
 	site: Site | undefined
 	phase: SeoCheckPhase
 	suggestions: SeoSuggestion[]
+	dismissedCount: number
+	dismissingCode: SuggestionCode | null
 	slugVerdict: { available: boolean; suggestion: string | null } | null
 	checkedSlug: string | undefined
 	slugTakenOnSave: string | null
@@ -74,6 +76,8 @@ const emit = defineEmits<{
 	close: []
 	preview: []
 	go: [field: SuggestionField]
+	dismiss: [code: SuggestionCode]
+	restore: []
 }>()
 
 const [DefineSuggestions, Suggestions] = createReusableTemplate()
@@ -349,6 +353,10 @@ const areaUi = { base: `min-h-30 text-lg md:min-h-24 md:text-sm ${DISABLED_FIELD
 			<SuggestionList
 				:phase="phase"
 				:suggestions="suggestions"
+				:dismissed-count="dismissedCount"
+				:dismissing-code="dismissingCode"
+				@dismiss="emit('dismiss', $event)"
+				@restore="emit('restore')"
 				@go="goTo"
 				@retry="emit('check', true)"
 			/>