fix(skeleton-text): use consistent naming for files (#2523)

ionic-team · Sep 1, 2022 · 01dd2f5 · 01dd2f5 · vercel · Sep 1, 2022
1 parent 8cb2f33
commit 01dd2f5
Show file tree

Hide file tree

Showing 9 changed files with 23 additions and 23 deletions.
diff --git a/static/usage/skeleton-text/basic/angular/angular-ts.md b/static/usage/skeleton-text/basic/angular/angular-ts.md
diff --git a/...eleton-text/basic/angular/angular-html.md → ...t/basic/angular/example_component_html.md b/...eleton-text/basic/angular/angular-html.md → ...t/basic/angular/example_component_html.md
diff --git a/static/usage/skeleton-text/basic/angular/example_component_ts.md b/static/usage/skeleton-text/basic/angular/example_component_ts.md
@@ -0,0 +1,13 @@
+```ts
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css']
+})
+export class ExampleComponent {
+  public loaded = false;
+}
+
+```
diff --git a/static/usage/skeleton-text/basic/index.md b/static/usage/skeleton-text/basic/index.md
@@ -4,8 +4,8 @@ import javascript from './javascript.md';
 import react from './react.md';
 import vue from './vue.md';
 
-import angularHTML from './angular/angular-html.md';
-import angularTS from './angular/angular-ts.md';
+import angularHTML from './angular/example_component_html.md';
+import angularTS from './angular/example_component_ts.md';
 
 <Playground
   code={{
@@ -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
       }
     },
   }}

diff --git a/...leton-text/theming/angular/angular-css.md → .../theming/angular/example_component_css.md b/...leton-text/theming/angular/angular-css.md → .../theming/angular/example_component_css.md
diff --git a/...eton-text/theming/angular/angular-html.md → ...theming/angular/example_component_html.md b/...eton-text/theming/angular/angular-html.md → ...theming/angular/example_component_html.md
diff --git a/static/usage/skeleton-text/theming/index.md b/static/usage/skeleton-text/theming/index.md
@@ -2,13 +2,13 @@ import Playground from '@site/src/components/global/Playground';
 
 import javascript from './javascript.md';
 
-import reactTSX from './react/react-tsx.md';
-import reactCSS from './react/react-css.md';
+import reactTSX from './react/main_tsx.md';
+import reactCSS from './react/main_css.md';
 
 import vue from './vue.md';
 
-import angularHTML from './angular/angular-html.md';
-import angularCSS from './angular/angular-css.md';
+import angularHTML from './angular/example_component_html.md';
+import angularCSS from './angular/example_component_css.md';
 
 <Playground
   code={{
@@ -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
       }
     },
   }}

diff --git a/.../skeleton-text/theming/react/react-css.md → ...e/skeleton-text/theming/react/main_css.md b/.../skeleton-text/theming/react/react-css.md → ...e/skeleton-text/theming/react/main_css.md
diff --git a/.../skeleton-text/theming/react/react-tsx.md → ...e/skeleton-text/theming/react/main_tsx.md b/.../skeleton-text/theming/react/react-tsx.md → ...e/skeleton-text/theming/react/main_tsx.md