chore: code tidying

packages/components/plh/index.ts

@@ -3,7 +3,7 @@ import { NgModule, Type } from "@angular/core";
 import type { ITemplateRowProps } from "src/app/shared/components/template/models";
 import { CommonModule } from "@angular/common";
 import { IonicModule } from "@ionic/angular";
-import { TemplatePipesModule } from "src/app/shared/components/template/pipes/template-pipes.module";
+import { TemplatePipesModule } from "src/app/shared/components/template/pipes";
 import { LottieModule } from "ngx-lottie";
 import { PlhParentPointCounterComponent } from "./parent-point-counter/parent-point-counter.component";
 import { PlhParentPointBoxComponent } from "./parent-point-box/parent-point-box.component";

src/app/shared/components/template/pipes/index.ts

@@ -1,3 +1,6 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+
 import { FilterDisplayComponentPipe } from "./filter-display-component.pipe";
 import { LatexPipe } from "./latex.pipe";
 import { MarkdownPipe } from "./markdown.pipe";
@@ -7,7 +10,7 @@ import { StyleListPipe } from "./styleList.pipe";
 import { TranslatePipe } from "./translate.pipe";
 import { QRCodePipe } from "./qr-code.pipe";
 
-export const TEMPLATE_PIPES = [
+const TEMPLATE_PIPES = [
   FilterDisplayComponentPipe,
   MarkdownPipe,
   PLHAssetPipe,
@@ -17,3 +20,10 @@ export const TEMPLATE_PIPES = [
   LatexPipe,
   QRCodePipe,
 ];
+
+@NgModule({
+  declarations: [...TEMPLATE_PIPES],
+  exports: [...TEMPLATE_PIPES],
+  imports: [CommonModule],
+})
+export class TemplatePipesModule {}

src/app/shared/components/template/template.module.ts

@@ -16,7 +16,7 @@ import { TmplCompHostDirective, TemplateComponent } from "./template-component";
 
 import { appendStyleSvgDirective } from "./directives/shadowStyleSvg.directive";
 import { createCustomElement } from "@angular/elements";
-import { TemplatePipesModule } from "./pipes/template-pipes.module";
+import { TemplatePipesModule } from "./pipes";
 
 @NgModule({
   imports: [