init to pos domain

src/app/domains/pos/layouts/layout.component.html

@@ -0,0 +1,5 @@
+@if (loading()) {
+  <shared-page-loading />
+} @else {
+  <router-outlet></router-outlet>
+}

src/app/domains/pos/layouts/layout.component.ts

@@ -0,0 +1,26 @@
+import { PageLoadingComponent } from '@/shared/components/page-loading.component';
+import { Component, computed, inject } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { PosStore } from '../pos.store';
+
+@Component({
+  selector: 'pos-layout',
+  templateUrl: './layout.component.html',
+  imports: [PageLoadingComponent, RouterOutlet],
+})
+export class PosLayoutComponent {
+  constructor() {}
+
+  private readonly store = inject(PosStore);
+
+  readonly loading = computed(() => this.store.loading());
+  readonly posInfo = computed(() => this.store.entity());
+
+  getData() {
+    this.store.getData();
+  }
+
+  ngOnInit() {
+    this.getData();
+  }
+}