From 5f1efd4e32674ea338853344bf20744f480ec199 Mon Sep 17 00:00:00 2001
From: Joscha <joscha@plugh.de>
Date: Mon, 3 Mar 2025 17:36:19 +0100
Subject: [PATCH] Remove unnecessary form ref

---
 .../src/components/CSegmentCalendar.vue                      | 5 ++---
 showbits-thermal-printer-ui/src/components/CSegmentEgg.vue   | 5 ++---
 .../src/components/CSegmentTictactoe.vue                     | 5 ++---
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/showbits-thermal-printer-ui/src/components/CSegmentCalendar.vue b/showbits-thermal-printer-ui/src/components/CSegmentCalendar.vue
index beca989..3f6f39e 100644
--- a/showbits-thermal-printer-ui/src/components/CSegmentCalendar.vue
+++ b/showbits-thermal-printer-ui/src/components/CSegmentCalendar.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import { useApiRequest } from "@/apiRequest";
-import { ref, useTemplateRef } from "vue";
+import { ref } from "vue";
 import CSegmentError from "./CSegmentError.vue";
 
 const { disabled, error, makeRequest } = useApiRequest();
-const form = useTemplateRef<HTMLFormElement>("form");
 
 const today = new Date();
 const year = ref(today.getFullYear());
@@ -21,7 +20,7 @@ function submit() {
 </script>
 
 <template>
-  <form ref="form" @submit.prevent="submit">
+  <form @submit.prevent="submit">
     <h2>Calendar</h2>
     <label class="wide">
       Year:
diff --git a/showbits-thermal-printer-ui/src/components/CSegmentEgg.vue b/showbits-thermal-printer-ui/src/components/CSegmentEgg.vue
index 567989b..10ff9b7 100644
--- a/showbits-thermal-printer-ui/src/components/CSegmentEgg.vue
+++ b/showbits-thermal-printer-ui/src/components/CSegmentEgg.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import { useApiRequest } from "@/apiRequest";
-import { ref, useTemplateRef } from "vue";
+import { ref } from "vue";
 import CSegmentError from "./CSegmentError.vue";
 
 const { disabled, error, makeRequest } = useApiRequest();
-const form = useTemplateRef<HTMLFormElement>("form");
 
 const seed = ref<number | string>("");
 const mode = ref("random");
@@ -20,7 +19,7 @@ function submit() {
 </script>
 
 <template>
-  <form ref="form" @submit.prevent="submit">
+  <form @submit.prevent="submit">
     <h2>Easter Egg</h2>
     <svg viewBox="-2 0 4 6">
       <path
diff --git a/showbits-thermal-printer-ui/src/components/CSegmentTictactoe.vue b/showbits-thermal-printer-ui/src/components/CSegmentTictactoe.vue
index 9bea6ac..f527f8e 100644
--- a/showbits-thermal-printer-ui/src/components/CSegmentTictactoe.vue
+++ b/showbits-thermal-printer-ui/src/components/CSegmentTictactoe.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import { useApiRequest } from "@/apiRequest";
-import { ref, useTemplateRef } from "vue";
+import { ref } from "vue";
 import CSegmentError from "./CSegmentError.vue";
 
 const { disabled, error, makeRequest } = useApiRequest();
-const form = useTemplateRef<HTMLFormElement>("form");
 
 const feed = ref(true);
 
@@ -16,7 +15,7 @@ function submit() {
 </script>
 
 <template>
-  <form ref="form" @submit.prevent="submit">
+  <form @submit.prevent="submit">
     <h2>Tic Tac Toe</h2>
     <svg viewBox="0 0 384 384">
       <path