Skip to content

Commit db1fb8c

Browse files
author
Pooya Parsa
committed
fix chips example
1 parent 1ef505f commit db1fb8c

File tree

1 file changed

+30
-21
lines changed

1 file changed

+30
-21
lines changed

examples/kitchen-sink/pages/chips.vue

+30-21
Original file line numberDiff line numberDiff line change
@@ -56,30 +56,39 @@
5656
<f7-chip text="Blue Chip" color="blue"></f7-chip>
5757
<f7-chip text="Orange Chip" color="orange"></f7-chip>
5858
<f7-chip text="Pink Chip" color="pink"></f7-chip>
59-
</div>
59+
</f7-block>
6060
</f7-page>
6161
</template>
6262
<script>
63-
import { f7Navbar, f7Page, f7BlockTitle, f7Chip, f7Block, f7Icon } from 'framework7-vue';
63+
import {
64+
f7Navbar,
65+
f7Page,
66+
f7BlockTitle,
67+
f7Chip,
68+
f7Block,
69+
f7Icon
70+
} from 'framework7-vue'
6471
65-
export default {
66-
components: {
67-
f7Navbar,
68-
f7Page,
69-
f7BlockTitle,
70-
f7Chip,
71-
f7Block,
72-
f7Icon,
73-
},
74-
methods: {
75-
deleteChip(e) {
76-
const $$ = this.$$;
77-
const app = this.$f7;
78-
app.dialog.confirm('Do you want to delete this tiny demo Chip?', () => {
79-
$$(e.target).parents('.chip').remove();
80-
});
81-
},
82-
},
83-
};
72+
export default {
73+
components: {
74+
f7Navbar,
75+
f7Page,
76+
f7BlockTitle,
77+
f7Chip,
78+
f7Block,
79+
f7Icon
80+
},
81+
methods: {
82+
deleteChip(e) {
83+
const $$ = this.$$
84+
const app = this.$f7
85+
app.dialog.confirm('Do you want to delete this tiny demo Chip?', () => {
86+
$$(e.target)
87+
.parents('.chip')
88+
.remove()
89+
})
90+
}
91+
}
92+
}
8493
</script>
8594

0 commit comments

Comments
 (0)