Skip to content

Commit aec2b7f

Browse files
committed
style: lint
1 parent f6a2c1c commit aec2b7f

File tree

3 files changed

+78
-78
lines changed

3 files changed

+78
-78
lines changed

docs/vue/quickstart.md

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -154,7 +154,7 @@ The Home page component, defined in `src/views/HomePage.vue`, imports the Ionic
154154
</template>
155155
156156
<script setup lang="ts">
157-
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
157+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
158158
</script>
159159
160160
<!-- ...styles... -->
@@ -182,7 +182,7 @@ Then, import the `IonButton` component in the `<script>` tag:
182182

183183
```vue title="src/views/HomePage.vue"
184184
<script setup lang="ts">
185-
import { IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
185+
import { IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
186186
</script>
187187
```
188188

@@ -213,7 +213,7 @@ Create a new page at `src/views/NewPage.vue`:
213213
</template>
214214
215215
<script setup lang="ts">
216-
import { IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
216+
import { IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
217217
</script>
218218
```
219219

@@ -270,8 +270,8 @@ Update the imports in `src/views/NewPage.vue` to import `IonIcon` and the `heart
270270

271271
```vue title="src/views/NewPage.vue"
272272
<script setup lang="ts">
273-
import { IonBackButton, IonButtons, IonContent, IonHeader, IonIcon, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
274-
import { heart, logoIonic } from 'ionicons/icons';
273+
import { IonBackButton, IonButtons, IonContent, IonHeader, IonIcon, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
274+
import { heart, logoIonic } from 'ionicons/icons';
275275
</script>
276276
```
277277

@@ -307,27 +307,27 @@ In the script section, add the new component imports and define the `scrollToBot
307307

308308
```vue title="src/views/NewPage.vue"
309309
<script setup lang="ts">
310-
import {
311-
IonBackButton,
312-
IonButtons,
313-
IonButton,
314-
IonContent,
315-
IonHeader,
316-
IonIcon,
317-
IonItem,
318-
IonLabel,
319-
IonPage,
320-
IonTitle,
321-
IonToolbar,
322-
} from '@ionic/vue';
323-
import { heart, logoIonic } from 'ionicons/icons';
324-
import { ref } from 'vue';
325-
326-
const content = ref();
327-
328-
const scrollToBottom = () => {
329-
content.value.$el.scrollToBottom(300);
330-
};
310+
import {
311+
IonBackButton,
312+
IonButtons,
313+
IonButton,
314+
IonContent,
315+
IonHeader,
316+
IonIcon,
317+
IonItem,
318+
IonLabel,
319+
IonPage,
320+
IonTitle,
321+
IonToolbar,
322+
} from '@ionic/vue';
323+
import { heart, logoIonic } from 'ionicons/icons';
324+
import { ref } from 'vue';
325+
326+
const content = ref();
327+
328+
const scrollToBottom = () => {
329+
content.value.$el.scrollToBottom(300);
330+
};
331331
</script>
332332
```
333333

versioned_docs/version-v6/vue/quickstart.md

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -154,7 +154,7 @@ The Home page component, defined in `src/views/HomePage.vue`, imports the Ionic
154154
</template>
155155
156156
<script setup lang="ts">
157-
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
157+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
158158
</script>
159159
160160
<!-- ...styles... -->
@@ -182,7 +182,7 @@ Then, import the `IonButton` component in the `<script>` tag:
182182

183183
```vue title="src/views/HomePage.vue"
184184
<script setup lang="ts">
185-
import { IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
185+
import { IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
186186
</script>
187187
```
188188

@@ -213,7 +213,7 @@ Create a new page at `src/views/NewPage.vue`:
213213
</template>
214214
215215
<script setup lang="ts">
216-
import { IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
216+
import { IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
217217
</script>
218218
```
219219

@@ -270,8 +270,8 @@ Update the imports in `src/views/NewPage.vue` to import `IonIcon` and the `heart
270270

271271
```vue title="src/views/NewPage.vue"
272272
<script setup lang="ts">
273-
import { IonBackButton, IonButtons, IonContent, IonHeader, IonIcon, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
274-
import { heart, logoIonic } from 'ionicons/icons';
273+
import { IonBackButton, IonButtons, IonContent, IonHeader, IonIcon, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
274+
import { heart, logoIonic } from 'ionicons/icons';
275275
</script>
276276
```
277277

@@ -307,27 +307,27 @@ In the script section, add the new component imports and define the `scrollToBot
307307

308308
```vue title="src/views/NewPage.vue"
309309
<script setup lang="ts">
310-
import {
311-
IonBackButton,
312-
IonButtons,
313-
IonButton,
314-
IonContent,
315-
IonHeader,
316-
IonIcon,
317-
IonItem,
318-
IonLabel,
319-
IonPage,
320-
IonTitle,
321-
IonToolbar,
322-
} from '@ionic/vue';
323-
import { heart, logoIonic } from 'ionicons/icons';
324-
import { ref } from 'vue';
325-
326-
const content = ref();
327-
328-
const scrollToBottom = () => {
329-
content.value.$el.scrollToBottom(300);
330-
};
310+
import {
311+
IonBackButton,
312+
IonButtons,
313+
IonButton,
314+
IonContent,
315+
IonHeader,
316+
IonIcon,
317+
IonItem,
318+
IonLabel,
319+
IonPage,
320+
IonTitle,
321+
IonToolbar,
322+
} from '@ionic/vue';
323+
import { heart, logoIonic } from 'ionicons/icons';
324+
import { ref } from 'vue';
325+
326+
const content = ref();
327+
328+
const scrollToBottom = () => {
329+
content.value.$el.scrollToBottom(300);
330+
};
331331
</script>
332332
```
333333

versioned_docs/version-v7/vue/quickstart.md

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -154,7 +154,7 @@ The Home page component, defined in `src/views/HomePage.vue`, imports the Ionic
154154
</template>
155155
156156
<script setup lang="ts">
157-
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
157+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
158158
</script>
159159
160160
<!-- ...styles... -->
@@ -182,7 +182,7 @@ Then, import the `IonButton` component in the `<script>` tag:
182182

183183
```vue title="src/views/HomePage.vue"
184184
<script setup lang="ts">
185-
import { IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
185+
import { IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
186186
</script>
187187
```
188188

@@ -213,7 +213,7 @@ Create a new page at `src/views/NewPage.vue`:
213213
</template>
214214
215215
<script setup lang="ts">
216-
import { IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
216+
import { IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
217217
</script>
218218
```
219219

@@ -270,8 +270,8 @@ Update the imports in `src/views/NewPage.vue` to import `IonIcon` and the `heart
270270

271271
```vue title="src/views/NewPage.vue"
272272
<script setup lang="ts">
273-
import { IonBackButton, IonButtons, IonContent, IonHeader, IonIcon, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
274-
import { heart, logoIonic } from 'ionicons/icons';
273+
import { IonBackButton, IonButtons, IonContent, IonHeader, IonIcon, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
274+
import { heart, logoIonic } from 'ionicons/icons';
275275
</script>
276276
```
277277

@@ -307,27 +307,27 @@ In the script section, add the new component imports and define the `scrollToBot
307307

308308
```vue title="src/views/NewPage.vue"
309309
<script setup lang="ts">
310-
import {
311-
IonBackButton,
312-
IonButtons,
313-
IonButton,
314-
IonContent,
315-
IonHeader,
316-
IonIcon,
317-
IonItem,
318-
IonLabel,
319-
IonPage,
320-
IonTitle,
321-
IonToolbar,
322-
} from '@ionic/vue';
323-
import { heart, logoIonic } from 'ionicons/icons';
324-
import { ref } from 'vue';
325-
326-
const content = ref();
327-
328-
const scrollToBottom = () => {
329-
content.value.$el.scrollToBottom(300);
330-
};
310+
import {
311+
IonBackButton,
312+
IonButtons,
313+
IonButton,
314+
IonContent,
315+
IonHeader,
316+
IonIcon,
317+
IonItem,
318+
IonLabel,
319+
IonPage,
320+
IonTitle,
321+
IonToolbar,
322+
} from '@ionic/vue';
323+
import { heart, logoIonic } from 'ionicons/icons';
324+
import { ref } from 'vue';
325+
326+
const content = ref();
327+
328+
const scrollToBottom = () => {
329+
content.value.$el.scrollToBottom(300);
330+
};
331331
</script>
332332
```
333333

0 commit comments

Comments
 (0)