diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000000000000000000000000000000000000..5fa68cb9b25d0fb017179b130636826316ea7fd7
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,15 @@
+module.exports = { 
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/vue3-essential",
+      "eslint:recommended",
+      "@vue/prettier"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  }
\ No newline at end of file
diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 0000000000000000000000000000000000000000..3f714ac456ec4e692b2d0c8eda13d60125bf2cf7
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  singleQuote: true,
+  semi: false,
+}
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..ff7794168cbb355a73f469a501754f3e0a05d5a3
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,5 @@
+{
+    "include": [
+      "./src/**/*"
+    ]
+  }
\ No newline at end of file
diff --git a/package.json b/package.json
index 19278af04ca438978b1c9400aa72ef56e53de4a4..7de91e4e12382268c86d33e1857768513941a229 100644
--- a/package.json
+++ b/package.json
@@ -28,21 +28,7 @@
     "eslint-plugin-vue": "^7.0.0",
     "prettier": "^2.2.1"
   },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/vue3-essential",
-      "eslint:recommended",
-      "@vue/prettier"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
+
   "browserslist": [
     "> 1%",
     "last 2 versions",
diff --git a/src/components/SampleComponent.vue b/src/components/SampleComponent.vue
index bf4199c00dd4ced17e77d999e2dfe023b87d7701..93c69f1c84e40239773848988d7a5c278d1f47fd 100644
--- a/src/components/SampleComponent.vue
+++ b/src/components/SampleComponent.vue
@@ -6,8 +6,8 @@
 
 <script>
 export default {
-  name: "SampleComponent",
-};
+  name: 'SampleComponent',
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 50a02b0ae1eb9b82a50a8b2980bf3498ff1cf445..dda3e770b0f70a5e0017b1a428d9ea22c79e5f4f 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -6,12 +6,22 @@
 
 <script>
 // @ is an alias to /src
-import SampleComponent from "@/components/SampleComponent.vue";
+import SampleComponent from '@/components/SampleComponent.vue'
+import axios from 'axios'
 
 export default {
-  name: "Home",
+  name: 'Home',
   components: {
     SampleComponent,
   },
-};
+
+  data() {
+    return {
+      new_spaces: null,
+    }
+  },
+  created() {
+    axios.get('https://kinopio.club/space/new-spaces')
+  },
+}
 </script>
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ce8cfb75d9a5a08396441609e16c6b382264e6a
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,12 @@
+{
+    "include": [
+      "./src/**/*"
+    ],
+    "compilerOptions": {
+      "module": "es2015",
+      "moduleResolution": "node",
+      "target": "es5",
+      "sourceMap": true,
+      "allowJs": true
+    }
+  }
\ No newline at end of file