Garmelon/showbits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove unnecessary form ref

Browse source
This commit is contained in:
Joscha 2025-03-03 17:36:19 +01:00
parent ea1a0cbeab
commit 5f1efd4e32
3 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
showbits-thermal-printer-ui/src/components/CSegmentCalendar.vue
View file

@ -1,10 +1,9 @@
<script setup lang="ts"> <script setup lang="ts">
import { useApiRequest } from "@/apiRequest"; import { useApiRequest } from "@/apiRequest";
import { ref, useTemplateRef } from "vue"; import { ref } from "vue";
import CSegmentError from "./CSegmentError.vue"; import CSegmentError from "./CSegmentError.vue";
const { disabled, error, makeRequest } = useApiRequest(); const { disabled, error, makeRequest } = useApiRequest();
const form = useTemplateRef<HTMLFormElement>("form");
const today = new Date(); const today = new Date();
const year = ref(today.getFullYear()); const year = ref(today.getFullYear());
@ -21,7 +20,7 @@ function submit() {
</script> </script>
<template> <template>
<form ref="form" @submit.prevent="submit"> <form @submit.prevent="submit">
<h2>Calendar</h2> <h2>Calendar</h2>
<label class="wide"> <label class="wide">
Year: Year:

5
showbits-thermal-printer-ui/src/components/CSegmentEgg.vue
View file

@ -1,10 +1,9 @@
<script setup lang="ts"> <script setup lang="ts">
import { useApiRequest } from "@/apiRequest"; import { useApiRequest } from "@/apiRequest";
import { ref, useTemplateRef } from "vue"; import { ref } from "vue";
import CSegmentError from "./CSegmentError.vue"; import CSegmentError from "./CSegmentError.vue";
const { disabled, error, makeRequest } = useApiRequest(); const { disabled, error, makeRequest } = useApiRequest();
const form = useTemplateRef<HTMLFormElement>("form");
const seed = ref<number | string>(""); const seed = ref<number | string>("");
const mode = ref("random"); const mode = ref("random");
@ -20,7 +19,7 @@ function submit() {
</script> </script>
<template> <template>
<form ref="form" @submit.prevent="submit"> <form @submit.prevent="submit">
<h2>Easter Egg</h2> <h2>Easter Egg</h2>
<svg viewBox="-2 0 4 6"> <svg viewBox="-2 0 4 6">
<path <path

5
showbits-thermal-printer-ui/src/components/CSegmentTictactoe.vue
View file

@ -1,10 +1,9 @@
<script setup lang="ts"> <script setup lang="ts">
import { useApiRequest } from "@/apiRequest"; import { useApiRequest } from "@/apiRequest";
import { ref, useTemplateRef } from "vue"; import { ref } from "vue";
import CSegmentError from "./CSegmentError.vue"; import CSegmentError from "./CSegmentError.vue";
const { disabled, error, makeRequest } = useApiRequest(); const { disabled, error, makeRequest } = useApiRequest();
const form = useTemplateRef<HTMLFormElement>("form");
const feed = ref(true); const feed = ref(true);
@ -16,7 +15,7 @@ function submit() {
</script> </script>
<template> <template>
<form ref="form" @submit.prevent="submit"> <form @submit.prevent="submit">
<h2>Tic Tac Toe</h2> <h2>Tic Tac Toe</h2>
<svg viewBox="0 0 384 384"> <svg viewBox="0 0 384 384">
<path <path