diff --git a/docs/vue/quickstart.md b/docs/vue/quickstart.md index c7a5e4bbde8..bf6c36e621d 100644 --- a/docs/vue/quickstart.md +++ b/docs/vue/quickstart.md @@ -48,15 +48,17 @@ 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. ## A look at a Vue Component diff --git a/versioned_docs/version-v5/vue/quickstart.md b/versioned_docs/version-v5/vue/quickstart.md index e0ac1a0dc61..ff870aaf0b6 100644 --- a/versioned_docs/version-v5/vue/quickstart.md +++ b/versioned_docs/version-v5/vue/quickstart.md @@ -41,15 +41,17 @@ 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. ## A look at a Vue Component diff --git a/versioned_docs/version-v6/vue/quickstart.md b/versioned_docs/version-v6/vue/quickstart.md index 3a0aebc88a9..bf6c36e621d 100644 --- a/versioned_docs/version-v6/vue/quickstart.md +++ b/versioned_docs/version-v6/vue/quickstart.md @@ -48,15 +48,17 @@ 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. ## A look at a Vue Component @@ -324,7 +326,7 @@ Let's look at another component from Ionic Framework, FAB. Floating Action Butto ``` @@ -522,6 +524,7 @@ addIcons({ heart: heart, }); ``` + **HomePage.vue** ```html