Skip to content

Commit 4f9895f

Browse files
brandyscarneybrandyscarney
committed
docs(usage): setup migration for simple examples
1 parent de08bf7 commit 4f9895f

File tree

327 files changed

+331
-2292
lines changed

Some content is hidden

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

327 files changed

+331
-2292
lines changed

‎static/usage/v8/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/v8/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/v8/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/v8/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/v8/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/v8/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/v8/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
```

‎static/usage/v8/accordion/disable/individual/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/v8/accordion/multiple/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/v8/accordion/readonly/group/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
```

0 commit comments

Comments
 (0)