Adam French
3844a32751
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 3m50s
41 lines
975 B
Vue
41 lines
975 B
Vue
<script setup>
|
|
import Button from "@/components/input/Button.vue";
|
|
import { ref } from "vue";
|
|
import { gql } from "@/graphql";
|
|
|
|
const emit = defineEmits(["done", "cancel"]);
|
|
|
|
const title = ref("");
|
|
const content = ref("");
|
|
|
|
async function post() {
|
|
try {
|
|
const data = await gql(
|
|
`mutation CreatePost($input: CreatePostInput!) { createPost(input: $input) { id } }`,
|
|
{ input: { title: title.value, content: content.value } },
|
|
);
|
|
title.value = "";
|
|
content.value = "";
|
|
console.log(data.createPost);
|
|
emit("done");
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-col">
|
|
<h1>Create Post</h1>
|
|
<input
|
|
type="text"
|
|
v-model="title"
|
|
placeholder="Title"
|
|
@keyup.enter="post"
|
|
/>
|
|
<textarea class="h-50" v-model="content" placeholder="Content"></textarea>
|
|
<Button @click="post">Upload</Button>
|
|
<Button @click="emit('cancel')">Cancel</Button>
|
|
</div>
|
|
</template>
|