如何在Spartacus中使用插座覆盖/扩展ProductGridItemComponent？

import { Component } from '@angular/core';
import { ProductGridItemComponent } from '@spartacus/storefront';

@Component({
  selector: 'app-custom-product-grid-item',
  templateUrl: './custom-product-grid-item.component.html',
})
export class CustomProductGridItemComponent extends ProductGridItemComponent {
  // Add custom logic or override existing methods/properties here
}

<!-- custom-product-grid-item.component.html -->
<div>
  <!-- Custom HTML structure for ProductGridItemComponent -->
</div>

import { NgModule } from '@angular/core';
import { ProductGridItemComponent } from '@spartacus/storefront';
import { CustomProductGridItemComponent } from './custom-product-grid-item.component';

@NgModule({
  declarations: [CustomProductGridItemComponent],
  entryComponents: [CustomProductGridItemComponent],
})
export class CustomComponentsModule {}

import { provideConfig } from '@spartacus/core';
import { ProductGridItemComponent } from '@spartacus/storefront';
import { CustomProductGridItemComponent } from './custom-product-grid-item.component';

export const config = {
  // Other Spartacus configurations
  cmsComponents: {
    ProductGridItemComponent: {
      component: CustomProductGridItemComponent,
    },
  },
};

@NgModule({
  imports: [SpartacusModule],
  providers: [provideConfig(config)],
})
export class AppModule {}