summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_shared/components/gl_toggle_vuex.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/gl_toggle_vuex.vue')
-rw-r--r--app/assets/javascripts/vue_shared/components/gl_toggle_vuex.vue49
1 files changed, 0 insertions, 49 deletions
diff --git a/app/assets/javascripts/vue_shared/components/gl_toggle_vuex.vue b/app/assets/javascripts/vue_shared/components/gl_toggle_vuex.vue
deleted file mode 100644
index b649dac029a..00000000000
--- a/app/assets/javascripts/vue_shared/components/gl_toggle_vuex.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script>
-import { GlToggle } from '@gitlab/ui';
-import { capitalizeFirstCharacter } from '~/lib/utils/text_utility';
-
-export default {
- name: 'GlToggleVuex',
- components: {
- GlToggle,
- },
- props: {
- stateProperty: {
- type: String,
- required: true,
- },
- storeModule: {
- type: String,
- required: false,
- default: null,
- },
- setAction: {
- type: String,
- required: false,
- default() {
- return `set${capitalizeFirstCharacter(this.stateProperty)}`;
- },
- },
- },
- computed: {
- value: {
- get() {
- const { state } = this.$store;
- const { stateProperty, storeModule } = this;
- return storeModule ? state[storeModule][stateProperty] : state[stateProperty];
- },
- set(value) {
- const { stateProperty, storeModule, setAction } = this;
- const action = storeModule ? `${storeModule}/${setAction}` : setAction;
- this.$store.dispatch(action, { key: stateProperty, value });
- },
- },
- },
-};
-</script>
-
-<template>
- <gl-toggle v-model="value">
- <slot v-bind="{ value }"></slot>
- </gl-toggle>
-</template>