Adam French
0360b1f7f1
Some checks failed
Deploy with Docker Compose / deploy (push) Failing after 1s
Replace 5 separate REST calls on home page load with a single GraphQL query. Add homeData store that fetches posts, favorites, activities, spotify, and auth in one request. Convert all admin mutations and auth flows to use GraphQL. Add album images to Spotify GraphQL schema. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
36 lines
1.0 KiB
Vue
36 lines
1.0 KiB
Vue
<script setup>
|
|
import Button from "@/components/input/Button.vue";
|
|
|
|
import { ref } from "vue";
|
|
import { gql } from "@/graphql";
|
|
|
|
const type = ref("");
|
|
const name = ref("");
|
|
const link = ref("");
|
|
|
|
async function post() {
|
|
try {
|
|
const data = await gql(
|
|
`mutation CreateActivity($input: CreateActivityInput!) { createActivity(input: $input) { id } }`,
|
|
{ input: { type: type.value, name: name.value, link: link.value || undefined } },
|
|
);
|
|
type.value = "";
|
|
name.value = "";
|
|
link.value = "";
|
|
console.log(data.createActivity);
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-col">
|
|
<h1>Create Activity</h1>
|
|
<input type="text" v-model="type" placeholder="Type" @keyup.enter="post" />
|
|
<input type="text" v-model="name" placeholder="Name" @keyup.enter="post" />
|
|
<input type="text" v-model="link" placeholder="Link" @keyup.enter="post" />
|
|
<Button @click="post">Upload</Button>
|
|
</div>
|
|
</template>
|