Components restructure

src/components/ServerConfigs.vue

@@ -46,6 +46,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
+
 import { GameConfig, ServerConfig } from '../interfaces'
 
 interface DataType {
@@ -73,8 +74,8 @@ export default defineComponent({
     },
   },
   async created() {
-    const { data } = await this.$http.get(`/games/${this.gameID}/config`);
-    this.rules = data;
+    const { data } = await this.$http.get(`/games/${this.gameID}/config`)
+    this.rules = data
 
     for (const [key, field] of Object.entries(this.rules)) {
       this.config[key] = field.config.default

src/components/ServerModal.vue

@@ -120,6 +120,7 @@
 import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 import { defineComponent } from 'vue'
+
 import { ServerConfig } from '../interfaces'
 import store from '../store'
 import ServerConfigs from './ServerConfigs.vue'

src/components/ServerItem.vue → src/pages/Dashboard/ServerItem.vue

@@ -78,8 +78,8 @@
 <script lang="ts">
 import { defineComponent, PropType } from 'vue'
 
-import { Server, ServerStatus } from '../interfaces'
-import settings from '../settings'
+import { Server, ServerStatus } from '../../interfaces'
+import settings from '../../settings'
 
 export default defineComponent({
   props: {

src/components/Dashboard.vue → src/pages/Dashboard/index.vue

@@ -19,7 +19,7 @@
 <script lang='ts'>
 import { defineComponent } from 'vue'
 
-import store from '../store'
+import store from '../../store'
 import ServerItem from './ServerItem.vue'
 
 export default defineComponent({

src/components/ServerLogs.vue → src/pages/Server/ServerLogs.vue

@@ -18,7 +18,7 @@
   /> -->
 </template>
 
-<script lang="ts">
+<script lang='ts'>
 import { defineComponent } from 'vue'
 
 export default defineComponent({

src/components/ServerRenameForm.vue → src/pages/Server/ServerRenameForm.vue

@@ -19,7 +19,7 @@
 <script lang='ts'>
 import { defineComponent, PropType } from 'vue'
 
-import { Server } from '../interfaces'
+import { Server } from '../../interfaces'
 
 export default defineComponent({
   props: {

src/components/ServerPage.vue → src/pages/Server/index.vue

@@ -49,10 +49,11 @@
   </section>
 </template>
 
-<script lang="ts">
+<script lang='ts'>
 import { defineComponent } from 'vue'
-import { Server, ServerStatus } from '../interfaces'
-import settings from '../settings'
+
+import { Server, ServerStatus } from '../../interfaces'
+import settings from '../../settings'
 import ServerLogs from './ServerLogs.vue'
 import ServerRenameForm from './ServerRenameForm.vue'
 

src/router.ts

@@ -1,11 +1,10 @@
-import { Component } from 'vue'
 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
 
-import Dashboard from './components/Dashboard.vue'
-import NotFound from './components/NotFound.vue'
-import SignUp from './components/SignUp.vue'
-import SignIn from './components/SignIn.vue'
-import ServerPage from './components/ServerPage.vue'
+import Dashboard from './pages/Dashboard/index.vue'
+import NotFound from './pages/NotFound.vue'
+import SignUp from './pages/SignUp.vue'
+import SignIn from './pages/SignIn.vue'
+import ServerPage from './pages/Server/index.vue'
 import store from './store'