Merge branch 'main' of https://github.com/crutchcorn/angular-redux

reduxjs · Sep 6, 2024 · 06e3727 · 06e3727
2 parents 2d674d9 + a796124
commit 06e3727
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 39 deletions.
diff --git a/projects/angular-redux-demo/src/app/app.component.ts b/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 {

diff --git a/projects/angular-redux/README.md b/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 {