Skip to content

Commit 9dd15bb

Browse files
committed
chore: lint md files
1 parent 14aa12a commit 9dd15bb

File tree

1,671 files changed

+11991
-9941
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

1,671 files changed

+11991
-9941
lines changed

docs/angular/navigation.md

+18-15
Original file line numberDiff line numberDiff line change
@@ -238,14 +238,15 @@ If you have built a web app that uses routing, you likely have used linear routi
238238
The following is an example of linear routing in a mobile app:
239239

240240
<video
241-
style={{
241+
style={{
242242
margin: '40px auto',
243243
display: 'flex',
244244
}}
245-
width="400"
246-
src={useBaseUrl('video/linear-routing-demo.mp4')}
247-
controls
248-
></video>
245+
width="400"
246+
src={useBaseUrl('video/linear-routing-demo.mp4')}
247+
controls
248+
249+
> </video>
249250
250251
The application history in this example has the following path:
251252

@@ -264,14 +265,15 @@ Non-linear routing means that the view that the user should go back to is not ne
264265
The following is an example of non-linear routing:
265266

266267
<video
267-
style={{
268+
style={{
268269
margin: '40px auto',
269270
display: 'flex',
270271
}}
271-
width="400"
272-
src={useBaseUrl('video/non-linear-routing-demo.mp4')}
273-
controls
274-
></video>
272+
width="400"
273+
src={useBaseUrl('video/non-linear-routing-demo.mp4')}
274+
controls
275+
276+
> </video>
275277
276278
In the example above, we start on the `Originals` tab. Tapping a card brings us to the `Ted Lasso` view within the `Originals` tab.
277279

@@ -479,14 +481,15 @@ If you find that your tabs need to reference the Settings tab, we recommend maki
479481
The example below shows how the iOS App Store app handles presenting an "Account" view from multiple tabs. By presenting the "Account" view in a modal, the app can work within the mobile tabs best practices to show the same view across multiple tabs.
480482

481483
<video
482-
style={{
484+
style={{
483485
margin: '40px auto',
484486
display: 'flex',
485487
}}
486-
width="400"
487-
src={useBaseUrl('video/tabs-account-demo.mp4')}
488-
controls
489-
></video>
488+
width="400"
489+
src={useBaseUrl('video/tabs-account-demo.mp4')}
490+
controls
491+
492+
> </video>
490493
491494
**Reusing Views Across Tabs**
492495

docs/angular/slides.md

+8-12
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ If you would like to use the Core version instead, which does not include additi
7575
To migrate over your CSS, first update your selectors to target the new custom elements instead:
7676

7777
| ion-slides Selector | Swiper Selector |
78-
| ------------------- | ------------------ |
78+
| ------------------- | ------------------ |
7979
| `ion-slides` | `swiper-container` |
8080
| `ion-slide` | `swiper-slide` |
8181

@@ -155,9 +155,7 @@ export class HomePage {
155155
```html
156156
<!-- home.page.html -->
157157

158-
<swiper-container [modules]="swiperModules">
159-
...
160-
</swiper-container>
158+
<swiper-container [modules]="swiperModules"> ... </swiper-container>
161159
```
162160

163161
:::note
@@ -190,11 +188,11 @@ To set these options as properties directly on `<swiper-container>` we would do
190188

191189
Below is a full list of property changes when going from `ion-slides` to Swiper Element:
192190

193-
| Name | Notes |
194-
| --------- | --------------------------------------------------------------------------------------------------------------------------------------- |
195-
| options | Set each option as a property directly on the `<swiper-container>` component. |
196-
| mode | For different styles based upon the mode, you can target the slides with `.ios swiper-container` or `.md swiper-container` in your CSS. |
197-
| pager | Use the `pagination` property instead. |
191+
| Name | Notes |
192+
| ------- | --------------------------------------------------------------------------------------------------------------------------------------- |
193+
| options | Set each option as a property directly on the `<swiper-container>` component. |
194+
| mode | For different styles based upon the mode, you can target the slides with `.ios swiper-container` or `.md swiper-container` in your CSS. |
195+
| pager | Use the `pagination` property instead. |
198196

199197
:::note
200198
All properties available in Swiper Element can be found at <a href="https://swiperjs.com/swiper-api#parameters" target="_blank" rel="noopener noreferrer">https://swiperjs.com/swiper-api#parameters</a>.
@@ -306,9 +304,7 @@ All methods and properties available on the Swiper instance can be found at <a h
306304
Effects such as Cube or Fade can be used in Swiper Element with no additional imports, as long as you are using the bundled version of Swiper. For example, the below code will cause the slides to have a flip transition effect:
307305

308306
```html
309-
<swiper-container effect="flip">
310-
...
311-
</swiper-container>
307+
<swiper-container effect="flip"> ... </swiper-container>
312308
```
313309

314310
:::note

docs/cli/livereload.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -64,8 +64,9 @@ Remember, with the `--external` option, others on your Wi-Fi network will be abl
6464
Live reload will use HTTP by default which will cause web APIs that require a secure context (like [web crypto](https://developer.mozilla.org/en-US/docs/Web/API/Web_Crypto_API)) to fail. To establish a secure context you can use the `--ssl` argument to use HTTPS.
6565

6666
For example, with an Angular application you can run the following to pass a certificate and private key and serve your app with HTTPS:
67+
6768
```shell
6869
ionic capacitor run android --livereload --external --ssl -- --ssl-cert='server.crt' --ssl-key='server.key'
6970
```
7071

71-
Using a self signed certificate and ensuring it is trusted by the device is a complicated topic and is covered in [this article](https://ionic.zendesk.com/hc/en-us/articles/11384425513623).
72+
Using a self signed certificate and ensuring it is trusted by the device is a complicated topic and is covered in [this article](https://ionic.zendesk.com/hc/en-us/articles/11384425513623).

docs/developer-resources/guides/first-app-v4/intro.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Download/install these right away to ensure an optimal Ionic development experie
1616
- <strong>A code editor</strong> for... writing code! We are fans of [Visual Studio Code](https://code.visualstudio.com/).
1717
- <strong>Command-line terminal (CLI)</strong>: FYI <strong>Windows</strong> users, for the best Ionic experience, we
1818
recommend the built-in command line (cmd) or the Powershell CLI, running in Administrator mode. For <strong>
19-
Mac/Linux
19+
Mac/Linux
2020
</strong> users, virtually any terminal will work.
2121

2222
## Install Ionic and Cordova

0 commit comments

Comments
 (0)