Merge pull request #3 from ptu14/siplify-example-component

refactor: simplify example component

Author: crutchcorn

projects/angular-redux-demo/src/app/app.component.ts

@@ -1,30 +1,19 @@
 import { Component } from '@angular/core'
-import {injectSelector, injectDispatch} from "@reduxjs/angular-redux";
+import { injectSelector, injectDispatch } from "@reduxjs/angular-redux";
 import { decrement, increment } from './store/counter-slice'
 import { RootState } from './store'
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [],
   template: `
-    <div>
-      <div>
-        <button
-          aria-label="Increment value"
-          (click)="dispatch(increment())"
-        >
-          Increment
-        </button>
-        <span>{{ count() }}</span>
-        <button
-          aria-label="Decrement value"
-          (click)="dispatch(decrement())"
-        >
-          Decrement
-        </button>
-      </div>
-    </div>
+      <button (click)="dispatch(increment())">
+        Increment
+      </button>
+      <span>{{ count() }}</span>
+      <button (click)="dispatch(decrement())">
+        Decrement
+      </button>
   `
 })
 export class AppComponent {

projects/angular-redux/README.md

@@ -37,31 +37,21 @@ The following Angular component works as-expected:
 
 ```angular-ts
 import { Component } from '@angular/core'
-import {injectSelector, injectDispatch} from "@reduxjs/angular-redux";
-import { decrement, increment, RootState  } from './store/counter-slice'
+import { injectSelector, injectDispatch } from "@reduxjs/angular-redux";
+import { decrement, increment } from './store/counter-slice'
+import { RootState } from './store'
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [],
   template: `
-    <div>
-      <div>
-        <button
-          aria-label="Increment value"
-          (click)="dispatch(increment())"
-        >
-          Increment
-        </button>
-        <span>{{ count() }}</span>
-        <button
-          aria-label="Decrement value"
-          (click)="dispatch(decrement())"
-        >
-          Decrement
-        </button>
-      </div>
-    </div>
+      <button (click)="dispatch(increment())">
+        Increment
+      </button>
+      <span>{{ count() }}</span>
+      <button (click)="dispatch(decrement())">
+        Decrement
+      </button>
   `
 })
 export class AppComponent {