Moved api calls to api directory

src/views/Home/Index.vue

@@ -15,7 +15,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import createRoom from './createRoom';
+import createRoom from '@/api/createRoom';
 
 import { Room } from '@/interfaces';
 

src/views/Home/createRoom.ts

@@ -1,5 +0,0 @@
-import api from '@/api/index';
-
-export default (magnet:String) => api.post('/room', {
-  magnet,
-}).then((response) => response.data);

src/views/Room/Index.vue

@@ -24,10 +24,10 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import getRoom from './getRoom';
-import getStatus from './getStatus';
-import setPosition from './setPosition';
-import getPosition from './getPosition';
+import getRoom from '@/api/getRoom';
+import getStatus from '@/api/getStatus';
+import setPosition from '@/api/setPosition';
+import getPosition from '@/api/getPosition';
 
 import ProgressBar from './components/ProgressBar.vue';
 

src/views/Room/getPosition.ts

@@ -1,7 +0,0 @@
-import api from '@/api/index';
-
-export default (id: String) => api.get('/position', {
-  params: {
-    id,
-  },
-}).then((response) => response.data.position);

src/views/Room/getRoom.ts

@@ -1,7 +0,0 @@
-import api from '@/api/index';
-
-export default (id:String) => api.get('/room', {
-  params: {
-    id,
-  },
-}).then((response) => response.data);

src/views/Room/getStatus.ts

@@ -1,7 +0,0 @@
-import api from '@/api/index';
-
-export default (id: String) => api.get('/status', {
-  params: {
-    id,
-  },
-}).then((response) => response.data);

src/views/Room/setPosition.ts

@@ -1,6 +0,0 @@
-import api from '@/api/index';
-
-export default (id: String, position: number) => api.post('/position', {
-  id,
-  position,
-}).then((response) => response.data);