types for header changes

components/Block/Columns.vue

@@ -25,6 +25,7 @@ const components: Record<ComponentType, ReturnType<typeof resolveComponent>> = {
 	comp_button_group: resolveComponent('CompButtonGroup'),
 	comp_metrics: resolveComponent('CompMetrics'),
 	comp_media: resolveComponent('CompMedia'),
+	comp_cards: resolveComponent('CompCards'),
 };
 </script>
 

types/schema/components/component-card.ts

@@ -0,0 +1,15 @@
+import type { File } from '../system/file.js';
+import type { Page } from '../content/page/page.js';
+import type { Resource } from '../content/resource.js';
+
+export interface ComponentCard {
+	id: string;
+	sort: number | null;
+	title: string | null;
+	description: string | null;
+	image: File | null;
+	type: string | null;
+	page: string | Page | null;
+	resource: string | Resource | null;
+	external_url: string | null;
+}

types/schema/components/component.ts

@@ -3,7 +3,20 @@ import type { ComponentHeading } from './component-heading';
 import type { ComponentMedia } from './component-media';
 import type { ComponentMetrics } from './component-metrics';
 import type { ComponentQuote } from './component-quote';
+import type { ComponentCard } from './component-card';
 
-export type ComponentType = 'comp_button_group' | 'comp_heading' | 'comp_media' | 'comp_metrics' | 'comp_quote';
+export type ComponentType =
+	| 'comp_button_group'
+	| 'comp_heading'
+	| 'comp_media'
+	| 'comp_metrics'
+	| 'comp_quote'
+	| 'comp_cards';
 
-export type Component = ComponentButtonGroup | ComponentHeading | ComponentMedia | ComponentMetrics | ComponentQuote;
+export type Component =
+	| ComponentButtonGroup
+	| ComponentHeading
+	| ComponentMedia
+	| ComponentMetrics
+	| ComponentQuote
+	| ComponentCard;

types/schema/components/index.ts

@@ -1,5 +1,6 @@
 export type * from './component-button-group.js';
 export type * from './component-button.js';
+export type * from './component-card.js';
 export type * from './component-heading.js';
 export type * from './component-media.js';
 export type * from './component-metrics.js';

types/schema/meta/globals.ts

@@ -1,4 +1,5 @@
 import type { User } from '../system/index.js';
+import type { ComponentButtonGroup } from '../components/component-button-group.js';
 
 export interface Globals {
 	id: string;
@@ -14,4 +15,5 @@ export interface Globals {
 	social: string;
 	sales: string;
 	seo: string;
+	header_cta_buttons: ComponentButtonGroup;
 }