This commit is contained in:
2025-12-10 04:47:06 +00:00
parent 809c762e43
commit 384bc1a302
3 changed files with 6 additions and 3 deletions

View File

@@ -4,6 +4,7 @@ import axios from "axios";
import { useAuthStore } from "@/stores/auth"; import { useAuthStore } from "@/stores/auth";
const auth = useAuthStore(); const auth = useAuthStore();
const loggedIn = auth.loggedIn;
const title = ref(""); const title = ref("");
const content = ref(""); const content = ref("");
@@ -23,7 +24,7 @@ async function post() {
</script> </script>
<template> <template>
<div v-if="auth.loggedIn"> <div v-if="loggedIn">
<h1>Create Post</h1> <h1>Create Post</h1>
<input type="text" v-model="title" placeholder="Title" /> <input type="text" v-model="title" placeholder="Title" />
<textarea v-model="content" placeholder="Content"></textarea> <textarea v-model="content" placeholder="Content"></textarea>

View File

@@ -3,6 +3,7 @@ import { ref, onMounted, computed } from "vue";
import { useAuthStore } from "@/stores/auth"; import { useAuthStore } from "@/stores/auth";
const auth = useAuthStore(); const auth = useAuthStore();
const loggedIn = auth.loggedIn;
const username = ref(""); const username = ref("");
const password = ref(""); const password = ref("");
@@ -12,7 +13,7 @@ function handleLogin() {
</script> </script>
<template> <template>
<div v-if="auth.loggedIn"> <div v-if="loggedIn">
<h1>Logged in</h1> <h1>Logged in</h1>
<p>{{ auth.user.ID }}</p> <p>{{ auth.user.ID }}</p>
<p>{{ auth.user.username }}</p> <p>{{ auth.user.username }}</p>

View File

@@ -5,6 +5,7 @@ import { useAuthStore } from "@/stores/auth";
const auth = useAuthStore(); const auth = useAuthStore();
const username = ref(""); const username = ref("");
const password = ref(""); const password = ref("");
const loggedIn = auth.loggedIn;
function handleLogin() { function handleLogin() {
auth.logIn(username.value, password.value); auth.logIn(username.value, password.value);
@@ -16,7 +17,7 @@ function handleLogout() {
</script> </script>
<template> <template>
<div v-if="auth.loggedIn"> <div v-if="loggedIn">
<h1>Logged in</h1> <h1>Logged in</h1>
<p>{{ auth.user.ID }}</p> <p>{{ auth.user.ID }}</p>
<p>{{ auth.user.username }}</p> <p>{{ auth.user.username }}</p>