feat: 🎸 add injectRegisterIcons (#138)

* feat: 🎸 add injectRegisterIcons

* docs: ✏️ update readme

README.md

@@ -246,6 +246,28 @@ export class AppComponent {
 }
 ```
 
+You can also use the `injectRegisterIcons` method to register icons using the new `inject` API:
+
+```ts
+import { injectRegisterIcons } from '@ngneat/svg-icon';
+
+interface Icon {
+  name: string;
+  data: string;
+}
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss'],
+})
+export class AppComponent {
+  constructor() {
+    injectRegisterIcons([Icon, Icon, Icon]);
+  }
+}
+```
+
 ## Missing Icon
 
 You can define **missingIconFallback** which will be used if icon is not found in registry:

projects/ngneat/svg-icon/src/lib/injection.ts

@@ -0,0 +1,8 @@
+import {inject} from "@angular/core";
+import {SvgIconRegistry} from "./registry";
+
+export function injectRegisterIcons(
+  ...params: Parameters<(typeof SvgIconRegistry.prototype)['register']>
+) {
+  inject(SvgIconRegistry).register(...params);
+}

projects/ngneat/svg-icon/src/public-api.ts

@@ -3,3 +3,4 @@ export { SvgIconRegistry } from './lib/registry';
 export { provideSvgIcons, provideSvgIconsConfig } from './lib/providers';
 export { SvgIcons } from './lib/types';
 export { SvgToDataUrlPipe } from './lib/data-url.pipe';
+export { injectRegisterIcons } from './lib/injection';