refactor: remove app prefex from components

sibiraj-s · Apr 21, 2020 · bbe3daa · bbe3daa
1 parent b280769
commit bbe3daa
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -50,7 +50,7 @@ Import [font-awesome](https://github.com/FortAwesome/Font-Awesome) into your app
 Then in HTML
 
 ```html
-<app-ngx-editor [placeholder]="'Enter text here...'" [spellcheck]="true" [(ngModel)]="htmlContent"></app-ngx-editor>
+<ngx-editor [placeholder]="'Enter text here...'" [spellcheck]="true" [(ngModel)]="htmlContent"></ngx-editor>
 ```
 
 For `ngModel` to work, You must import `FormsModule` from `@angular/forms`

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -13,7 +13,7 @@ <h6>A Simple WYSIWYG Editor for Angular 6 Applications.</h6>
   </div>
 
   <div class="editor block">
-    <app-ngx-editor [config]="editorConfig" [spellcheck]="true" [(ngModel)]="htmlContent"></app-ngx-editor>
+    <ngx-editor [config]="editorConfig" [spellcheck]="true" [(ngModel)]="htmlContent"></ngx-editor>
   </div>
 
   <div *ngIf="htmlContent" class="htmlblock block">

diff --git a/src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts b/src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts
@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 import { MessageService } from '../common/services/message.service';
 
 @Component({
-  selector: 'app-ngx-editor-message',
+  selector: 'ngx-editor-message',
   templateUrl: './ngx-editor-message.component.html',
   styleUrls: ['./ngx-editor-message.component.scss']
 })

diff --git a/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts b/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts
@@ -7,7 +7,7 @@ import { MessageService } from '../common/services/message.service';
 import * as Utils from '../common/utils/ngx-editor.utils';
 
 @Component({
-  selector: 'app-ngx-editor-toolbar',
+  selector: 'ngx-editor-toolbar',
   templateUrl: './ngx-editor-toolbar.component.html',
   styleUrls: ['./ngx-editor-toolbar.component.scss'],
   providers: [PopoverConfig]

diff --git a/src/app/ngx-editor/ngx-editor.component.html b/src/app/ngx-editor/ngx-editor.component.html
@@ -1,7 +1,7 @@
 <div class="ngx-editor" id="ngxEditor" [style.width]="config['width']" [style.minWidth]="config['minWidth']" tabindex="0"
   (focus)="onEditorFocus()" #ngxEditor>
 
-  <app-ngx-editor-toolbar [config]="config" (execute)="executeCommand($event)"></app-ngx-editor-toolbar>
+  <ngx-editor-toolbar [config]="config" (execute)="executeCommand($event)"></ngx-editor-toolbar>
 
   <!-- text area -->
   <div class="ngx-wrapper" #ngxWrapper>
@@ -13,7 +13,7 @@
     <span class="ngx-editor-placeholder">{{ placeholder || config['placeholder'] }}</span>
   </div>
 
-  <app-ngx-editor-message></app-ngx-editor-message>
-  <app-ngx-grippie *ngIf="resizer === 'stack'"></app-ngx-grippie>
+  <ngx-editor-message></ngx-editor-message>
+  <ngx-grippie *ngIf="resizer === 'stack'"></ngx-grippie>
 
 </div>
diff --git a/src/app/ngx-editor/ngx-editor.component.ts b/src/app/ngx-editor/ngx-editor.component.ts
@@ -11,7 +11,7 @@ import { ngxEditorConfig } from './common/ngx-editor.defaults';
 import * as Utils from './common/utils/ngx-editor.utils';
 
 @Component({
-  selector: 'app-ngx-editor',
+  selector: 'ngx-editor',
   templateUrl: './ngx-editor.component.html',
   styleUrls: ['./ngx-editor.component.scss'],
   providers: [{

diff --git a/src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts b/src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts
@@ -2,7 +2,7 @@ import { Component, HostListener } from '@angular/core';
 import { NgxEditorComponent } from '../ngx-editor.component';
 
 @Component({
-  selector: 'app-ngx-grippie',
+  selector: 'ngx-grippie',
   templateUrl: './ngx-grippie.component.html',
   styleUrls: ['./ngx-grippie.component.scss']
 })

diff --git a/tslint.json b/tslint.json
@@ -12,13 +12,13 @@
     "directive-selector": [
       true,
       "attribute",
-      "app",
+      "",
       "camelCase"
     ],
     "component-selector": [
       true,
       "element",
-      "app",
+      "",
       "kebab-case"
     ],
     "import-blacklist": [