Init

.idea/dataSources.xml

@@ -4,8 +4,9 @@
     <data-source source="LOCAL" name="oxspeak.db" uuid="6f1740ef-4686-4ce9-b224-e6b0fd312908">
       <driver-ref>sqlite.xerial</driver-ref>
       <synchronize>true</synchronize>
+      <configured-by-url>true</configured-by-url>
       <jdbc-driver>org.sqlite.JDBC</jdbc-driver>
-      <jdbc-url>jdbc:sqlite:file:\\wsl$\Debian\home\Nell\linux_dev\unix_oxspeak_server_v2\oxspeak.db?nolock=1</jdbc-url>
+      <jdbc-url>jdbc:sqlite:.\oxspeak.db</jdbc-url>
       <working-dir>$ProjectFileDir$</working-dir>
     </data-source>
   </component>

frontend/src/components/server/server_create.vue

@@ -26,6 +26,10 @@ let form_inputs = ref({
 async function create_server(){
   const response = await fetch("/api/server/servers/", {
     method: 'POST',
+    headers: {
+      "Content-Type": "application/json",
+      "Accept": "application/json",
+    },
     body: JSON.stringify(form_inputs.value)
   })
   if (response.ok) {

frontend/src/components/server/server_detail.vue

@@ -1,15 +1,19 @@
 <template>
+  <div>
     <div>
       {{server}}
+      <button @click="remove">Remove</button>
     </div>
-  <button @click="remove">Remove</button>/
+
+  </div>
+
 </template>
 
 <script setup>
-import {ref} from "vue";
+import {ref, onMounted} from "vue";
 
 // defined constants
-const props = defineProps({
+const {server} = defineProps({
   server: {
     type: Object,
     required: true
@@ -19,7 +23,7 @@ const emit = defineEmits(['remove'])
 
 // defined methods
 async function remove(){
-  const response = await fetch("/api/server/servers/", {
+  const response = await fetch(`/api/server/servers/${server.id}/`, {
     method: 'DELETE'
   })
   if (response.ok) {

frontend/src/components/server/server_list.vue

@@ -6,6 +6,7 @@
     v-for="server in servers"
     :server="server"
     :key="server.id"
+    @remove="servers.splice(servers.indexOf(server), 1)"
   />
 </template>
 

src/network/http/web/api/server.rs

@@ -13,7 +13,7 @@ pub fn setup_route() -> AppRouter {
     AppRouter::new()
         .route("/servers/", get(server_list))
         .route("/servers/{id}/", get(server_detail))
-        .route("/servers/{id}/", post(server_create))
+        .route("/servers/", post(server_create))
         .route("/servers/{id}/", put(server_update))
         .route("/servers/{id}/", delete(server_delete))
 }