Skip to content

Commit 2e0adfe

Browse files
brandyscarneybrandyscarney
authored
docs(vue): update v7 stackblitz templates (#4244)
Co-authored-by: Brandy Smith <[email protected]>
1 parent 8e2d201 commit 2e0adfe

File tree

408 files changed

+1899
-4596
lines changed

Some content is hidden

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

408 files changed

+1899
-4596
lines changed

‎static/code/stackblitz/v7/vue/App.vue‎

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,7 @@
44
</ion-app>
55
</template>
66

7-
<script lang="ts">
8-
import { IonApp } from '@ionic/vue';
9-
10-
import { defineComponent } from 'vue';
11-
12-
import Example from './components/Example.vue';
13-
14-
export default defineComponent({
15-
name: 'App',
16-
components: { IonApp, Example },
17-
});
7+
<script setup lang="ts">
8+
import { IonApp } from '@ionic/vue';
9+
import Example from './components/Example.vue';
1810
</script>

‎static/code/stackblitz/v7/vue/App.withContent.vue‎

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,7 @@
66
</ion-app>
77
</template>
88

9-
<script lang="ts">
10-
import { IonApp, IonContent } from '@ionic/vue';
11-
12-
import { defineComponent } from 'vue';
13-
14-
import Example from './components/Example.vue';
15-
16-
export default defineComponent({
17-
name: 'App',
18-
components: { IonApp, IonContent, Example },
19-
});
9+
<script setup lang="ts">
10+
import { IonApp, IonContent } from '@ionic/vue';
11+
import Example from './components/Example.vue';
2012
</script>

‎static/code/stackblitz/v7/vue/env.d.ts‎

Lines changed: 0 additions & 8 deletions
This file was deleted.

‎static/usage/v7/accordion/accessibility/animations/vue.md‎

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,16 +22,7 @@
2222
</ion-accordion-group>
2323
</template>
2424

25-
<script lang="ts">
26-
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel, AccordionGroupCustomEvent } from '@ionic/vue';
27-
import { defineComponent, ref } from 'vue';
28-
export default defineComponent({
29-
components: {
30-
IonAccordion,
31-
IonAccordionGroup,
32-
IonItem,
33-
IonLabel,
34-
},
35-
});
25+
<script setup lang="ts">
26+
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/vue';
3627
</script>
3728
```

‎static/usage/v7/accordion/basic/vue.md‎

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,17 +22,7 @@
2222
</ion-accordion-group>
2323
</template>
2424

25-
<script lang="ts">
25+
<script setup lang="ts">
2626
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/vue';
27-
import { defineComponent } from 'vue';
28-
29-
export default defineComponent({
30-
components: {
31-
IonAccordion,
32-
IonAccordionGroup,
33-
IonItem,
34-
IonLabel,
35-
},
36-
});
3727
</script>
3828
```

‎static/usage/v7/accordion/customization/advanced-expansion-styles/vue.md‎

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,18 +22,8 @@
2222
</ion-accordion-group>
2323
</template>
2424

25-
<script lang="ts">
25+
<script setup lang="ts">
2626
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/vue';
27-
import { defineComponent } from 'vue';
28-
29-
export default defineComponent({
30-
components: {
31-
IonAccordion,
32-
IonAccordionGroup,
33-
IonItem,
34-
IonLabel,
35-
},
36-
});
3727
</script>
3828

3929
<style scoped>

‎static/usage/v7/accordion/customization/expansion-styles/vue.md‎

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,17 +22,7 @@
2222
</ion-accordion-group>
2323
</template>
2424

25-
<script lang="ts">
25+
<script setup lang="ts">
2626
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/vue';
27-
import { defineComponent } from 'vue';
28-
29-
export default defineComponent({
30-
components: {
31-
IonAccordion,
32-
IonAccordionGroup,
33-
IonItem,
34-
IonLabel,
35-
},
36-
});
3727
</script>
3828
```

‎static/usage/v7/accordion/customization/icons/vue.md‎

Lines changed: 1 addition & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -22,21 +22,8 @@
2222
</ion-accordion-group>
2323
</template>
2424

25-
<script lang="ts">
25+
<script setup lang="ts">
2626
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/vue';
2727
import { caretDownCircle } from 'ionicons/icons';
28-
import { defineComponent } from 'vue';
29-
30-
export default defineComponent({
31-
components: {
32-
IonAccordion,
33-
IonAccordionGroup,
34-
IonItem,
35-
IonLabel,
36-
},
37-
setup() {
38-
return { caretDownCircle };
39-
},
40-
});
4128
</script>
4229
```

‎static/usage/v7/accordion/customization/theming/vue.md‎

Lines changed: 1 addition & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -22,22 +22,9 @@
2222
</ion-accordion-group>
2323
</template>
2424

25-
<script lang="ts">
25+
<script setup lang="ts">
2626
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/vue';
2727
import { caretDownCircle } from 'ionicons/icons';
28-
import { defineComponent } from 'vue';
29-
30-
export default defineComponent({
31-
components: {
32-
IonAccordion,
33-
IonAccordionGroup,
34-
IonItem,
35-
IonLabel,
36-
},
37-
setup() {
38-
return { caretDownCircle };
39-
},
40-
});
4128
</script>
4229

4330
<style>

‎static/usage/v7/accordion/disable/group/vue.md‎

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,16 +22,7 @@
2222
</ion-accordion-group>
2323
</template>
2424

25-
<script lang="ts">
26-
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel, AccordionGroupCustomEvent } from '@ionic/vue';
27-
import { defineComponent, ref } from 'vue';
28-
export default defineComponent({
29-
components: {
30-
IonAccordion,
31-
IonAccordionGroup,
32-
IonItem,
33-
IonLabel,
34-
},
35-
});
25+
<script setup lang="ts">
26+
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/vue';
3627
</script>
3728
```

0 commit comments

Comments
 (0)