feat: use unique component prefix

Closes #12
Developer-Plexscape · May 6, 2022 · e498629 · e498629
1 parent 51b5cf9
commit e498629
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/projects/demo-editor/src/app/app.component.html b/projects/demo-editor/src/app/app.component.html
@@ -8,6 +8,6 @@
   <label for="newsletter">Newsletter</label>
 </div>
 <div class="editor">
-  <lib-newsletter-editor *ngIf="editorMode === 'newsletter'" [template]="template" [placeholders]="placeholders"></lib-newsletter-editor>
-  <lib-webpage-editor *ngIf="editorMode === 'webpage'" [template]="template"></lib-webpage-editor>
+  <ngx-grapes-newsletter-editor *ngIf="editorMode === 'newsletter'" [template]="template" [placeholders]="placeholders"></ngx-grapes-newsletter-editor>
+  <ngx-grapes-webpage-editor *ngIf="editorMode === 'webpage'" [template]="template"></ngx-grapes-webpage-editor>
 </div>
diff --git a/projects/ngx-grapesjs/.eslintrc.json b/projects/ngx-grapesjs/.eslintrc.json
@@ -31,7 +31,7 @@
           "error",
           {
             "type": "element",
-            "prefix": "lib",
+            "prefix": "ngx-grapes",
             "style": "kebab-case"
           }
         ],

diff --git a/projects/ngx-grapesjs/README.md b/projects/ngx-grapesjs/README.md
@@ -56,13 +56,13 @@ The previous command will ask you which editor mode you want to use and it will
     For webpage mode:
 
     ```html
-      <lib-webpage-editor></lib-webpage-editor>
+      <ngx-grapes-webpage-editor></ngx-grapes-webpage-editor>
     ```
 
     For newsletter mode:
 
     ```html
-      <lib-newsletter-editor></lib-newsletter-editor>
+      <ngx-grapes-newsletter-editor></ngx-grapes-newsletter-editor>
     ```
 
 Both editors support passing the following input properties:

diff --git a/projects/ngx-grapesjs/src/lib/newsletter-editor/ngx-newsletter-editor.component.ts b/projects/ngx-grapesjs/src/lib/newsletter-editor/ngx-newsletter-editor.component.ts
@@ -6,7 +6,7 @@ import { NgxNewsletterEditorService } from './ngx-newsletter-editor.service';
 import { Placeholder } from './placeholder.model';
 
 @Component({
-  selector: 'lib-newsletter-editor',
+  selector: 'ngx-grapes-newsletter-editor',
   template: '<div id="gjs"></div>'
 })
 export class NgxNewsletterEditorComponent extends NgxEditorComponent implements OnInit {

diff --git a/projects/ngx-grapesjs/src/lib/webpage-editor/ngx-webgrapesjs.component.ts b/projects/ngx-grapesjs/src/lib/webpage-editor/ngx-webgrapesjs.component.ts
@@ -4,7 +4,7 @@ import { NgxEditorComponent } from '../editor.component';
 import { Config } from '../editor.model';
 
 @Component({
-  selector: 'lib-webpage-editor',
+  selector: 'ngx-grapes-webpage-editor',
   template: '<div id="gjs"></div>'
 })