From a924d03c8d8718c949b0fc02758ec4091662abcd Mon Sep 17 00:00:00 2001 From: Yusuf Sahin HAMZA Date: Thu, 5 Jan 2023 23:36:36 +0300 Subject: [PATCH 1/3] Remove TypeScript dependencies: tsconfig.json file --- docs/vue/quickstart.md | 2 ++ versioned_docs/version-v5/vue/quickstart.md | 2 ++ 2 files changed, 4 insertions(+) diff --git a/docs/vue/quickstart.md b/docs/vue/quickstart.md index de98ac8bc6d..044e6353784 100644 --- a/docs/vue/quickstart.md +++ b/docs/vue/quickstart.md @@ -58,6 +58,8 @@ npm uninstall --save typescript @types/jest @typescript-eslint/eslint-plugin @ty 6. Remove `lang="ts"` from the `script` tags in any of your Vue components that have them. In a blank Ionic Vue app, this should only be `App.vue` and `views/Home.vue`. +7. Delete the `tsconfig.json` file. + ## A look at a Vue Component The base of our app will be in the `src` directory, and the main entry point will be our `main.ts` file. If we open our project in a code editor and open `main.ts`, we should see the following: diff --git a/versioned_docs/version-v5/vue/quickstart.md b/versioned_docs/version-v5/vue/quickstart.md index e0ac1a0dc61..553d3218b69 100644 --- a/versioned_docs/version-v5/vue/quickstart.md +++ b/versioned_docs/version-v5/vue/quickstart.md @@ -51,6 +51,8 @@ npm uninstall --save typescript @types/jest @typescript-eslint/eslint-plugin @ty 6. Remove `lang="ts"` from the `script` tags in any of your Vue components that have them. In a blank Ionic Vue app, this should only be `App.vue` and `views/Home.vue`. +7. Delete the `tsconfig.json` file. + ## A look at a Vue Component The base of our app will be in the `src` directory, and the main entry point will be our `main.ts` file. If we open our project in a code editor and open `main.ts`, we should see the following: From 7045b9b5099aae423e18e326efa72f985f3df47d Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Wed, 12 Apr 2023 12:35:30 -0400 Subject: [PATCH 2/3] add vue change to v6 docs --- versioned_docs/version-v6/vue/quickstart.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/versioned_docs/version-v6/vue/quickstart.md b/versioned_docs/version-v6/vue/quickstart.md index 3a0aebc88a9..10d4628fcda 100644 --- a/versioned_docs/version-v6/vue/quickstart.md +++ b/versioned_docs/version-v6/vue/quickstart.md @@ -58,6 +58,8 @@ npm uninstall --save typescript @types/jest @typescript-eslint/eslint-plugin @ty 6. Remove `lang="ts"` from the `script` tags in any of your Vue components that have them. In a blank Ionic Vue app, this should only be `App.vue` and `views/HomePage.vue`. +7. Delete the `tsconfig.json` file. + ## A look at a Vue Component The base of our app will be in the `src` directory, and the main entry point will be our `main.ts` file. If we open our project in a code editor and open `main.ts`, we should see the following: From 76686aad3e71cc46d227703c2bb32088a5c1fd16 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Wed, 12 Apr 2023 12:55:51 -0400 Subject: [PATCH 3/3] docs(vue): include folder name in ts steps --- docs/vue/quickstart.md | 8 ++++---- versioned_docs/version-v5/vue/quickstart.md | 8 ++++---- versioned_docs/version-v6/vue/quickstart.md | 11 ++++++----- 3 files changed, 14 insertions(+), 13 deletions(-) diff --git a/docs/vue/quickstart.md b/docs/vue/quickstart.md index 47d881c1dd8..bf6c36e621d 100644 --- a/docs/vue/quickstart.md +++ b/docs/vue/quickstart.md @@ -48,15 +48,15 @@ So, if you’d prefer to use JavaScript instead of TypeScript, you can. After ge npm uninstall --save typescript @types/jest @typescript-eslint/eslint-plugin @typescript-eslint/parser @vue/cli-plugin-typescript @vue/eslint-config-typescript ``` -2. Change all `.ts` files to `.js`. In a blank Ionic Vue app, this should only be `router/index.ts` and `main.ts`. +2. Change all `.ts` files to `.js`. In a blank Ionic Vue app, this should only be `src/router/index.ts` and `src/main.ts`. 3. Remove `@vue/typescript/recommended` and `@typescript-eslint/no-explicit-any: ‘off’, `from `.eslintrc.js`. -4. Remove `Array` from `router/index.js`. +4. Remove `Array` from `src/router/index.js`. -5. Delete the `shims-vue.d.ts` file. +5. Delete the `src/shims-vue.d.ts` file. -6. Remove `lang="ts"` from the `script` tags in any of your Vue components that have them. In a blank Ionic Vue app, this should only be `App.vue` and `views/HomePage.vue`. +6. Remove `lang="ts"` from the `script` tags in any of your Vue components that have them. In a blank Ionic Vue app, this should only be `src/App.vue` and `src/views/HomePage.vue`. 7. Delete the `tsconfig.json` file. diff --git a/versioned_docs/version-v5/vue/quickstart.md b/versioned_docs/version-v5/vue/quickstart.md index 553d3218b69..ff870aaf0b6 100644 --- a/versioned_docs/version-v5/vue/quickstart.md +++ b/versioned_docs/version-v5/vue/quickstart.md @@ -41,15 +41,15 @@ So, if you’d prefer to use JavaScript instead of TypeScript, you can. After ge npm uninstall --save typescript @types/jest @typescript-eslint/eslint-plugin @typescript-eslint/parser @vue/cli-plugin-typescript @vue/eslint-config-typescript ``` -2. Change all `.ts` files to `.js`. In a blank Ionic Vue app, this should only be `router/index.ts` and `main.ts`. +2. Change all `.ts` files to `.js`. In a blank Ionic Vue app, this should only be `src/router/index.ts` and `src/main.ts`. 3. Remove `@vue/typescript/recommended` and `@typescript-eslint/no-explicit-any: ‘off’, `from `.eslintrc.js`. -4. Remove `Array` from `router/index.js`. +4. Remove `Array` from `src/router/index.js`. -5. Delete the `shims-vue.d.ts` file. +5. Delete the `src/shims-vue.d.ts` file. -6. Remove `lang="ts"` from the `script` tags in any of your Vue components that have them. In a blank Ionic Vue app, this should only be `App.vue` and `views/Home.vue`. +6. Remove `lang="ts"` from the `script` tags in any of your Vue components that have them. In a blank Ionic Vue app, this should only be `src/App.vue` and `src/views/HomePage.vue`. 7. Delete the `tsconfig.json` file. diff --git a/versioned_docs/version-v6/vue/quickstart.md b/versioned_docs/version-v6/vue/quickstart.md index 10d4628fcda..bf6c36e621d 100644 --- a/versioned_docs/version-v6/vue/quickstart.md +++ b/versioned_docs/version-v6/vue/quickstart.md @@ -48,15 +48,15 @@ So, if you’d prefer to use JavaScript instead of TypeScript, you can. After ge npm uninstall --save typescript @types/jest @typescript-eslint/eslint-plugin @typescript-eslint/parser @vue/cli-plugin-typescript @vue/eslint-config-typescript ``` -2. Change all `.ts` files to `.js`. In a blank Ionic Vue app, this should only be `router/index.ts` and `main.ts`. +2. Change all `.ts` files to `.js`. In a blank Ionic Vue app, this should only be `src/router/index.ts` and `src/main.ts`. 3. Remove `@vue/typescript/recommended` and `@typescript-eslint/no-explicit-any: ‘off’, `from `.eslintrc.js`. -4. Remove `Array` from `router/index.js`. +4. Remove `Array` from `src/router/index.js`. -5. Delete the `shims-vue.d.ts` file. +5. Delete the `src/shims-vue.d.ts` file. -6. Remove `lang="ts"` from the `script` tags in any of your Vue components that have them. In a blank Ionic Vue app, this should only be `App.vue` and `views/HomePage.vue`. +6. Remove `lang="ts"` from the `script` tags in any of your Vue components that have them. In a blank Ionic Vue app, this should only be `src/App.vue` and `src/views/HomePage.vue`. 7. Delete the `tsconfig.json` file. @@ -326,7 +326,7 @@ Let's look at another component from Ionic Framework, FAB. Floating Action Butto ``` @@ -524,6 +524,7 @@ addIcons({ heart: heart, }); ``` + **HomePage.vue** ```html