2020-06-28 06:33:20 +09:00
|
|
|
<template>
|
2020-07-10 07:57:16 +09:00
|
|
|
<SelectComponent :options="options" :selectedValue="selectedValue" :onChange="onChange" />
|
2020-06-28 06:33:20 +09:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2020-06-28 10:45:44 +09:00
|
|
|
// Components
|
2020-06-29 00:35:18 +09:00
|
|
|
import SelectComponent from './SelectComponent';
|
2020-06-28 06:33:20 +09:00
|
|
|
|
2020-06-28 10:45:44 +09:00
|
|
|
// Data
|
2020-06-29 00:35:18 +09:00
|
|
|
import downloadFormats from '../data/downloadFormats.json';
|
2020-06-28 06:33:20 +09:00
|
|
|
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
selectedValue: { type: String },
|
|
|
|
onChange: { type: Function },
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
2020-07-01 14:26:48 +09:00
|
|
|
options: downloadFormats.map((v) => ({
|
2020-06-28 06:33:20 +09:00
|
|
|
value: v.target,
|
2020-07-10 07:57:16 +09:00
|
|
|
label: v.i18nKey,
|
2020-06-28 06:33:20 +09:00
|
|
|
})),
|
|
|
|
};
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped></style>
|