feat: initial setup control

client/src/views/Control.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="slider-container">
+    <div class="slider-item">
+      <span>Name</span>
+      <vue-slider direction="btt" height="120px" v-model="value"></vue-slider>
+    </div>
+  </div>
+</template>
+
+<script>
+import VueSlider from 'vue-slider-component';
+import 'vue-slider-component/theme/default.css';
+
+export default {
+  components: {
+    VueSlider,
+  },
+  data() {
+    return {
+      value: 0,
+    };
+  },
+  name: 'IndividualControl',
+};
+</script>
+
+<style lang="scss" scoped>
+.slider-container {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+}
+.slider-item {
+  min-width: 100px;
+  > * {
+    margin: auto;
+  }
+}
+</style>