docs(vue): show complete code context in the "Your First App" tutorial #4197

soundproofboot · 2025-07-16T17:56:47Z

resolves #4165

Changes:

Update code blocks and text for the Vue Photo App tutorial to show additional context for each step with comments to indicate new lines.

Preview

…t in your first app page 1

…g text

vercel · 2025-07-16T17:56:51Z

@soundproofboot is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

vercel · 2025-07-16T19:48:10Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
ionic-docs	Ready	Preview	Comment	Nov 17, 2025 6:00pm

thetaPC

Minor nitpick

docs/vue/your-first-app/3-saving-photos.md

thetaPC

I noticed that some method names from the Angular version and Vue version do not match even though they have the same code. For example, addNewToGallery from Angular and usePhotoGallery from Vue. Let's also sync those to match Angular as close as possible.

The same goes for the <title>. Let's match it to Angular.

Lastly, some of the content also doesn't match each other. A good example, Angular Build Your First App mentions:

We put the visual aspects of our app into <ion-content>. In this case, it’s where we’ll add a button that opens the device’s camera as well as displays the image captured by the camera. Start by adding a [floating action button](https://ionicframework.com/docs/api/fab) (FAB) to the bottom of the page and set the camera image as the icon.

While Vue states:

We put the visual aspects of our app into <ion-content>. In this case, it’s where we’ll add a button that opens the device’s camera as well as displays the image captured by the camera. But first, remove both the ExploreContainer component and its import statement:

It should match the steps of Angular.

Co-authored-by: Maria Hutt <[email protected]>

…h new Angular docs

…onic-docs into yourFirstAppVue

soundproofboot · 2025-10-04T22:55:28Z

@thetaPC Hi Maria, I tried to make the titles match in Vue and added some <head> content that was in the Angular pages but not Vue. I changed the name of the takePhoto method to addNewGallery to match the Angular method that is comparable. One thing worth noting is these tutorials link to repos so I was trying to not change the code too much and leave the documentation not matching the repo.

On making the steps match Angular, there are more steps required for Vue in that specific case so I think they are slightly reordered to clarify what's being removed and added in Vue (as in remove these two things before we add these other several things) vs. Angular, where I was able to clearly indicate what to remove and add in one code block. I have not looked at this in a while so it may take me a minute to familiarize myself with the frameworks and changes but I'm willing to keep working on this if there are other suggestions.

thetaPC · 2025-10-22T00:33:35Z

@soundproofboot thank you so much! To ensure that all 'Your First App' PRs are merged more quickly, I will be assisting to push them to completion. The main obstacle is synchronizing all three frameworks. Please bear with me as I make the necessary changes.

docs/vue/your-first-app/4-loading-photos.md

docs/vue/your-first-app.md

docs/vue/your-first-app/7-live-reload.md

docs/vue/your-first-app.md

docs/vue/your-first-app/5-adding-mobile.md

Co-authored-by: Brandy Smith <[email protected]>

…s into yourFirstAppVue

ShaneK

I ran through this without issue (except for some things I did that I later found out were my bad). I didn't notice any grammatical issues or anything. Great work!

thetaPC

LGTM

…tAppVue

…s into yourFirstAppVue

thetaPC · 2025-11-17T18:14:30Z

@soundproofboot thank you so much! It's great to finally get these pages up to date!

@Angular-devkit

* chore(script-native): convert JSDoc links to Markdown links (#4099) * chore(deps): update dependency @types/node to v22.15.3 (#4098) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.5.6 (#4097) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v6.3.4 [security] (#4096) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react-dom to v19.1.3 (#4100) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.5.7 (#4103) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v6.3.5 (#4107) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v6.3.5 (#4106) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.3 (#4105) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.11 (#4104) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(cli): clarify that the CLI and Framework versions are not the same (#4064) Co-authored-by: Shane <[email protected]> * chore(deps): update dependency ionicons to v8 (#4101) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.17 (#4109) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5 (#4110) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v5.2.4 (#4111) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo to v19.1.4 (#4113) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.18 (#4114) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react-dom to v19.1.5 (#4115) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.14 (#4116) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5.0.1 (#4117) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(playgrounds): fix cdn imports to target v8 (#4118) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update dependency @types/node to v22.15.19 (#4119) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v4.5.0 (#4123) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.5 (#4122) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.21 (#4121) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.5.8 (#4124) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.15 (#4125) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.16 (#4130) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5.0.2 (#4131) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.6 (#4129) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.26 (#4128) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.29 (#4133) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.6.0 (#4137) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(input-otp): add documentation for new input-otp component (#4112) Co-authored-by: Brandy Smith <[email protected]> * docs(datetime): add showAdjacentDays section (#4134) Co-authored-by: Brandy Smith <[email protected]> * created renderParameters function in docusaurus script to include row for method parameters generated in renderMethods function (#4139) * translate(): ion-input-otp * fix(): fix lint and spellcheck * chore(): change package-lock.json from https://github.com/ionic-team/ionic-docs/blob/main/package-lock.json * chore(): update package-lock.json * feat: npm run translate:create * fix(): fix translate script of deepl * chore: temporary commit to fix build * chore(deps): update dependency ionicons to v8.0.9 (#4144) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v4.5.1 (#4143) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react-dom to v19.1.6 (#4142) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.30 (#4141) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(infinite-scroll): remove duplicate and unused imports (#4138) * chore(deps): update ionic to v8.6.1 (#4148) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(accordion): update demos to always set accordion to 300px wide (#4153) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update dependency @vitejs/plugin-react to v4.5.2 (#4152) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.31 (#4151) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.7 (#4150) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5.0.3 (#4155) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.8 (#4154) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(reorder): add new ionReorderStart, ionReorderMove, ionReorderEnd event playgrounds (#4149) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update dependency vue to v3.5.17 (#4161) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.32 (#4160) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.6.2 (#4159) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(support): add Angular 20 support (#4162) * chore(deps): update dependency @vitejs/plugin-react to v4.6.0 (#4163) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(renovate): bundle @Angular-devkit with @angular (#4166) * fix(docusaurus): support diff code blocks #4156 (#4158) Co-authored-by: Maria Hutt <[email protected]> * chore(deps): update angular to v20 (major) (#4127) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Maria Hutt <[email protected]> * chore(deps): update vite-vue (#4170) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7 (#4169) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.33 (#4168) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.6.3 (#4173) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.34 (#4171) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(theming): fix broken link in high contrast mode guide (#4174) * chore(deps): update dependency vite to v7.0.2 (#4177) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.16.0 (#4178) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency ionicons to v8.0.10 (#4175) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.2 (#4176) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(refresher): use `RefresherCustomEvent` type in playground examples (#4180) * refactor(stackblitz): move html playgrounds to node and vite (#4062) Co-authored-by: Brandy Smith <[email protected]> * docs(contributing): update toc (#4181) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update dependency vite to v7 (#4182) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(config): add playground examples of how to access the mode per framework (#4172) * chore(deps): update dependency typescript to v5 (#4184) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency ionicons to v8.0.13 (#4183) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3 (#4179) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.6.4 (#4185) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.3 (#4187) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.3 (#4188) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(inputs): replace property "name" with "icon" in React playgrounds (#4190) Closes #4135 * chore(deps): update dependency vite to v7.0.4 (#4194) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.4 (#4193) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.16.3 (#4192) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(components): add accordion, breadcrumbs, media, and otp input to components page (#4186) * docs(components): update main components page to match sidebar sections (#4195) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update ionic to v8.6.5 (#4200) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(components): include images in 3x size to improve clarity and update the v7 components page (#4198) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update dependency vite to v7.0.5 (#4204) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.5 (#4205) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.16.4 (#4203) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.2 (#4206) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.16.5 (#4208) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.3 (#4209) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v4.7.0 (#4210) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(guide): update framework overview files for consistency * chore(vercel): add redirects for framework slugs to their overview * fix(icons): update components icon * docs(guide): update versioned overviews for angular and vue * docs(guide): update versioned overviews for react * docs(guide): update quickstart image with updated starters view * docs(vscode): update VS Code Extension page to reflect the deprecation of the previous version (#4207) * Fixed broken link to @awesome-cordova-plugins/ionic-webview * Added support to run release notes using Windows * Update cspell-wordlist.txt * Update vscode-extension.md * Fix buttons height * Update vscode-extension.md * Update docs/intro/vscode-extension.md Co-authored-by: Copilot <[email protected]> * Added custom styling * Update versioned_docs/version-v5/native/ionic-webview.md Co-authored-by: Copilot <[email protected]> * Update src/styles/custom.scss Co-authored-by: Copilot <[email protected]> * Update docs/intro/vscode-extension.md Co-authored-by: Copilot <[email protected]> * Update vscode-extension.md * Update custom.scss * Update vscode-extension.md * Fix styles broken and semantics * Update src/styles/custom.scss Co-authored-by: Copilot <[email protected]> --------- Co-authored-by: Copilot <[email protected]> * fix(sidebar): scroll to the active item after navigating (#4211) Co-authored-by: Brandy Smith <[email protected]> * docs(guide): update overview to cd into app * chore(vercel): add redirects for overview for v6 and v7 * docs(components): remove legacy syntax sections from all form controls for v8 (#4202) * chore(deps): update dependency vite to v7.0.6 (#4216) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.6 (#4215) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.18 (#4217) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.4 (#4218) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(layout): update css utilities to include new classes and improved section headers (#4219) Co-authored-by: Brandy Smith <[email protected]> * docs(datetime): add border property to highlightedDates examples (#4220) Co-authored-by: Brandy Smith <[email protected]> * docs(angular): add injection token docs (#4221) * docs(playgrounds): add back migration examples for JP docs (#4225) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update ionic to v8.7.0 (#4223) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v6.0.1 (#4224) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.7.1 (#4227) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react to v19.1.1 (#4228) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fmt * fix(): remove google-tag-manager, should not track domains that are fundamentally different. note: This change only affects ionicframework.jp. ionicframework.com is not affected because it does not load this file. * chore(deps): update dependency @types/node to v22.17.0 (#4233) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo to v19.1.9 (#4232) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5.1.0 (#4237) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.5 (#4235) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency typescript to v5.9.2 (#4236) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(migration): remove unused migration files (#4239) Co-authored-by: Brandy Smith <[email protected]> * docs(storage): replace outdated or sunset products with active projects (#4238) Co-authored-by: Ken Sodemann <[email protected]> * docs(angular): add quickstart guide and update overview * docs(vue): update overview * docs(react): update overview * docs(angular): update quickstart * docs(react): update quickstart * docs(vue): update quickstart * docs(vue): quickstart updates * style: lint * chore(deps): update ionic to v8.7.2 (#4240) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(guide): syntax and title updates * docs(vue): add build options from quickstart * docs(quickstart): add Call Component Methods section and update paths * docs(radio): add example for wrapping label text (#4234) * chore(deps): update dependency vite to v7.1.1 (#4245) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.1 (#4246) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v5 (#4247) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(radio): point to correct v7 usage for comparewith (#4241) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update dependency @types/node to v22.17.1 (#4248) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.2 (#4251) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.2 (#4250) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.10 (#4249) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.17.2 (#4253) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(first-app): fixing PuTTY links (#4254) * chore(deps): update ionic to v8.7.3 (#4255) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v5.0.1 (#4256) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.19 (#4259) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.6 (#4260) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.3 (#4257) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.3 (#4258) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.11 (#4262) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(playgrounds): upgrade to typescript 5.9.0 (#4263) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update ionic to v8.7.4 (#4273) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(vue): update all script syntax to use setup (#4242) - Updates all v8 playgrounds to use script setup syntax - Updates all v7 playgrounds to use script setup syntax - Updates all references to Vue code in the guide & API docs to use script setup syntax --------- Co-authored-by: Roger! <[email protected]> Co-authored-by: Shawn Taylor <[email protected]> Co-authored-by: Treigh Mawaka <[email protected]> Co-authored-by: Brandy Smith <[email protected]> * docs(guide): add properties section to fundamentals and virtual property description to API (#4230) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update ionic to v8.7.5 (#4274) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(ci): netlify-cli version * docs(guide): update the framework overview & quickstart guides (#4212) Co-authored-by: Brandy Smith <[email protected]> * chore(jp): migrate script to mjs (#3481) * docs(guide): update framework logos (#4276) Co-authored-by: Brandy Smith <[email protected]> * chore: create translated file * chore * feat(): update translate script * translate * chore * fmr * chore * chore(deps): update caniuselite browserslist (#4278) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update ionic to v8.7.6 (#4280) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(guide): add javascript section with overview and quickstart pages (#4226) Co-authored-by: Brandy Smith <[email protected]> * docs(playgrounds): update playgrounds to include default package-lock file (#4282) Co-authored-by: Brandy Smith <[email protected]> * docs(your-first-app): update instructions for photo deletion functionality (#4272) * chore(deps): update ionic to v8.7.7 (#4284) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update vite-html (#4290) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.10 (#4289) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.10 (#4288) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-router to v4.6.3 (#4291) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.18.11 (#4287) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.11 [security] (#4292) * docs(guide): update framework logos on progressive web app guide (#4293) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update dependency @types/node to v22.18.12 (#4294) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.1.2 (#4298) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v24 (#4299) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.12 (#4297) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.12 (#4296) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.12 (#4295) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v5.1.0 (#4300) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.7.8 (#4301) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v24.9.2 (#4305) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update angular to v20.3.7 (#4304) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v24.10.0 (#4308) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.1.3 (#4310) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.7.9 (#4307) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.1 (#4314) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.1 (#4315) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.1 (#4313) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.23 (#4312) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.24 (#4319) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.2 (#4318) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.2 (#4317) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.2 (#4316) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(v6): update StackBlitz set up and examples for JavaScript and Angular (#4213) resolves #4199 resolves #3728 * feat(styles): add admonition colors for important block (#4321) Co-authored-by: Brandy Smith <[email protected]> * feat(vue): add code highlighting (#4311) * feat(styles): add background to code block title (#4323) Co-authored-by: Brandy Smith <[email protected]> * docs(quickstart): fix JavaScript initialization and update guides to include full file paths (#4322) Co-authored-by: Brandy Smith <[email protected]> * docs(angular): show complete code context in the "Your First App" tutorial (#4157) Co-authored-by: Maria Hutt <[email protected]> Co-authored-by: Brandy Smith <[email protected]> * docs(react): show complete code context in the "Your First App" tutorial (#4201) Co-authored-by: Maria Hutt <[email protected]> Co-authored-by: Brandy Smith <[email protected]> Co-authored-by: Shane <[email protected]> * chore(deps): update dependency @types/node to v24.10.1 (#4324) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v5.1.1 (#4325) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo to v19.2.4 (#4326) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(vue): show complete code context in the "Your First App" tutorial (#4197) Co-authored-by: Maria Hutt <[email protected]> Co-authored-by: Brandy Smith <[email protected]> * docs(tabs): add playground for programmatically selecting tabs (#4281) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update dependency @types/react to v19.2.5 (#4327) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(intro): update packages & CDN to redirect to other guides (#4286) Resolves #446 --------- Co-authored-by: Brandy Smith <[email protected]> Co-authored-by: feranmiodugbemi <[email protected]> * fix(styles): stretch single card to full width on smaller screens (#4330) Co-authored-by: Brandy Smith <[email protected]> * chore(deps): update ionic to v8.7.10 (#4332) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * translate(ja): translate about framework * translate(ja): translate about developing * translate(jp): translate about layout * translate(ja): translate about intro * translate(ja): translate about theming * translate(ja): translate about utilities * translate(ja): translate about deployment * translate(ja): translate about techniquies * translate(ja): translate about core-concepts * chore(ja): translate components * fmt --------- Co-authored-by: Maria Hutt <[email protected]> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Artur Kyryliuk <[email protected]> Co-authored-by: Shane <[email protected]> Co-authored-by: Brandy Smith <[email protected]> Co-authored-by: Brandy Smith <[email protected]> Co-authored-by: Colin Bares <[email protected]> Co-authored-by: kendra.jade <[email protected]> Co-authored-by: Minh <[email protected]> Co-authored-by: Julian Schramm <[email protected]> Co-authored-by: Joey Chang <[email protected]> Co-authored-by: Gonçalo M. <[email protected]> Co-authored-by: Copilot <[email protected]> Co-authored-by: Ken Sodemann <[email protected]> Co-authored-by: Ken Sodemann <[email protected]> Co-authored-by: Roger! <[email protected]> Co-authored-by: Shawn Taylor <[email protected]> Co-authored-by: Treigh Mawaka <[email protected]> Co-authored-by: Sean Perkins <[email protected]> Co-authored-by: Maxim Wilman <[email protected]> Co-authored-by: Shane <[email protected]> Co-authored-by: feranmiodugbemi <[email protected]>

soundproofboot added 7 commits July 14, 2025 09:55

docs(vue): add context to code blocks small change to surrounding tex…

c152d58

…t in your first app page 1

docs(vue): add context to code blocks and small changes to surroundin…

59cef22

…g text

docs(vue): add context to code blocks and small changes to surroundin…

2233653

…g text

docs(vue): add context to code blocks and small changes to surroundin…

6a21dbf

…g text

docs(vue): add context to code blocks and small changes to surroundin…

3635891

…g text

docs(vue): add context to code blocks and small changes to surroundin…

6fb72c4

…g text

docs(vue): run linter

bc40cfb

soundproofboot requested a review from a team as a code owner July 16, 2025 17:56

soundproofboot requested a review from christian-bromann July 16, 2025 17:56

vercel bot deployed to Preview July 16, 2025 19:50 View deployment

thetaPC requested changes Sep 24, 2025

View reviewed changes

docs/vue/your-first-app/3-saving-photos.md Outdated Show resolved Hide resolved

thetaPC requested changes Sep 24, 2025

View reviewed changes

soundproofboot and others added 5 commits October 4, 2025 16:02

Update docs/vue/your-first-app/3-saving-photos.md

1cc3efe

Co-authored-by: Maria Hutt <[email protected]>

docs(vue): change name of takePhoto method to addNewToGallery to matc…

c29ede6

…h new Angular docs

docs(vue): add missing title and head tags to match Angular pages

b2926ff

docs(vue): add title to page 7

c0caf4b

Merge branch 'yourFirstAppVue' of https://github.com/soundproofboot/i…

05a1aff

…onic-docs into yourFirstAppVue

docs(vue): update your first app page

1907917

vercel bot deployed to Preview October 22, 2025 00:51 View deployment

docs(vue): update your first app page

e9971d9

vercel bot had a problem deploying to Preview October 22, 2025 22:37 Failure

docs(vue): update your first app page

6fe3e0a

vercel bot deployed to Preview October 22, 2025 22:59 View deployment

docs(vue): update taking photos page

be5b3a6

vercel bot deployed to Preview October 23, 2025 20:32 View deployment

docs(vue): update saving photos page

1f92946

thetaPC added 3 commits November 6, 2025 14:13

docs(vue): add file path

5945f1a

docs(vue): remove change comment

d3cbf40

docs(vue): remove import

a9c2c52

vercel bot deployed to Preview November 6, 2025 22:26 View deployment

docs(vue): add surrounding code

81db1c3

vercel bot deployed to Preview November 6, 2025 22:31 View deployment

docs(vue): add styles comment

cef88ca

vercel bot deployed to Preview November 6, 2025 22:36 View deployment

thetaPC requested a review from brandyscarney November 7, 2025 00:51

brandyscarney reviewed Nov 7, 2025

View reviewed changes

thetaPC and others added 6 commits November 7, 2025 08:10

Update docs/vue/your-first-app/4-loading-photos.md

eb865fe

Co-authored-by: Brandy Smith <[email protected]>

docs(vue): add better title example on v7

5ba9292

Merge branch 'yourFirstAppVue' of github.com:soundproofboot/ionic-doc…

e9d8ba7

…s into yourFirstAppVue

docs(vue): remove Capacitor sentence

d082cdc

docs(vue): update imports

b78bb35

docs(vue): remove periods from comments

ee1a9c7

thetaPC requested a review from brandyscarney November 7, 2025 22:19

vercel bot deployed to Preview November 7, 2025 22:20 View deployment

brandyscarney approved these changes Nov 10, 2025

View reviewed changes

thetaPC added 2 commits November 10, 2025 12:37

Fix import comment in adding-mobile.md

1085bbf

Update 5-adding-mobile.md

5cae4b7

vercel bot deployed to Preview November 10, 2025 21:20 View deployment

ShaneK approved these changes Nov 13, 2025

View reviewed changes

thetaPC approved these changes Nov 17, 2025

View reviewed changes

thetaPC added 2 commits November 17, 2025 09:52

Merge branch 'main' of github.com:ionic-team/ionic-docs into yourFirs…

2912ce9

…tAppVue

Merge branch 'yourFirstAppVue' of github.com:soundproofboot/ionic-doc…

543e854

…s into yourFirstAppVue

vercel bot deployed to Preview November 17, 2025 18:00 View deployment

thetaPC merged commit 9673530 into ionic-team:main Nov 17, 2025
4 checks passed

docs(vue): show complete code context in the "Your First App" tutorial #4197

docs(vue): show complete code context in the "Your First App" tutorial #4197

Uh oh!

Conversation

soundproofboot commented Jul 16, 2025 • edited by thetaPC Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

vercel bot commented Jul 16, 2025

Uh oh!

vercel bot commented Jul 16, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

thetaPC left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

thetaPC left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

soundproofboot commented Oct 4, 2025

Uh oh!

thetaPC commented Oct 22, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

ShaneK left a comment

Choose a reason for hiding this comment

Uh oh!

thetaPC left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

thetaPC commented Nov 17, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

soundproofboot commented Jul 16, 2025 •

edited by thetaPC

Loading

vercel bot commented Jul 16, 2025 •

edited

Loading

thetaPC left a comment •

edited

Loading