fix(skeleton-text): use component name for files

Author: liamdebeasi

static/usage/skeleton-text/basic/angular/angular-ts.md

@@ -2,11 +2,11 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: 'app.component.html',
-  styleUrls: ['app.component.css']
+  selector: 'app-example',
+  templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css']
 })
-export class AppComponent {
+export class ExampleComponent {
   public loaded = false;
 }
 

static/usage/skeleton-text/basic/index.md

@@ -14,8 +14,8 @@ import angularTS from './angular/angular-ts.md';
     vue,
     angular: {
       files: {
-        'src/app/app.component.html': angularHTML,
-        'src/app/app.component.ts': angularTS
+        'src/app/example.component.html': angularHTML,
+        'src/app/example.component.ts': angularTS
       }
     },
   }}

static/usage/skeleton-text/theming/index.md

@@ -22,8 +22,8 @@ import angularCSS from './angular/angular-css.md';
     vue,
     angular: {
       files: {
-        'src/app/app.component.html': angularHTML,
-        'src/app/app.component.css': angularCSS
+        'src/app/example.component.html': angularHTML,
+        'src/app/example.component.css': angularCSS
       }
     },
   }}