Added main page and basic axios query

src/views/celestials/Celestial.vue

@@ -0,0 +1,13 @@
+<template>
+  <section class="celestial">
+    <h2>Single Celestial</h2>
+  </section>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  name: "Celestial"
+});
+</script>

src/views/celestials/Celestials.vue

@@ -0,0 +1,43 @@
+<template>
+  <section class="celestials">
+    <h2>Le système solaire</h2>
+    <div class="section-content">
+      <celestials-list :celestials="celestials" />
+    </div>
+  </section>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import axios from "axios";
+
+import CelestialsList from "@/components/celestials/CelestialsList.vue";
+
+export default defineComponent({
+  name: "Celestials",
+  components: {
+    CelestialsList
+  },
+  data() {
+    return {
+      celestials: []
+    };
+  },
+  methods: {
+    fetchBodies() {
+      return axios
+        .get("https://api.le-systeme-solaire.net/rest/bodies/")
+        .then(res => {
+          return res.data.bodies;
+        })
+        .catch(err => {
+          console.log(err);
+          return [];
+        });
+    }
+  },
+  async mounted() {
+    this.celestials = await this.fetchBodies();
+  }
+});
+</script>