diff --git a/src/components/input/SettingSelect.vue b/src/components/input/SettingSelect.vue
new file mode 100644
index 0000000..5af7b59
--- /dev/null
+++ b/src/components/input/SettingSelect.vue
@@ -0,0 +1,24 @@
+
+extends model
+
+block input
+ select(:id="id" :value="value" @change="sendChange($event.target.value)")
+ option(v-for="option in options" :value="option") {{ option }}
+
+
+
diff --git a/src/components/service/BaseService.ts b/src/components/service/BaseService.ts
index d5e365d..39dcb5e 100644
--- a/src/components/service/BaseService.ts
+++ b/src/components/service/BaseService.ts
@@ -3,11 +3,12 @@ import { Component, Prop, Watch } from 'vue-property-decorator'
import { Auth } from '@/types/App'
import SettingBoolean from '../input/SettingBoolean.vue'
import SettingInt from '../input/SettingInt.vue'
+import SettingSelect from '../input/SettingSelect.vue'
import SettingString from '../input/SettingString.vue'
import ServiceEmiter from '../ServiceEmiter'
import ServiceHeader from '../ServiceHeader.vue'
-@Component({ components: { ServiceHeader, SettingString, SettingInt, SettingBoolean } })
+@Component({ components: { ServiceHeader, SettingString, SettingInt, SettingBoolean, SettingSelect } })
export default class BaseService extends ServiceEmiter {
@Prop({
diff --git a/src/services/mastodon/Client.vue b/src/services/mastodon/Client.vue
index 12c1cd6..c7b1b1d 100644
--- a/src/services/mastodon/Client.vue
+++ b/src/services/mastodon/Client.vue
@@ -27,7 +27,7 @@
select(v-model="compose.visibility")
option(value="public") ◍
option(value="unlisted") 👁
- option(selected value="private") ⚿
+ option(value="private") ⚿
option(value="direct") ✉
span.note {{ compose.visibility }}
button(@click="sendStatus") Toot
@@ -35,7 +35,7 @@