From 16467bb0d90ca0917a8a47e3b252fa3168827aa2 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sun, 19 Sep 2021 19:29:20 -0500
Subject: [PATCH] Made tooltips not try to use component names when coercing
 display

---
 src/components/system/Nav.vue     | 10 +++++-----
 src/components/system/Tooltip.vue |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/system/Nav.vue b/src/components/system/Nav.vue
index a5dcfcf..ef82192 100644
--- a/src/components/system/Nav.vue
+++ b/src/components/system/Nav.vue
@@ -28,7 +28,7 @@
             </ul>
         </div>
         <div @click="openDialog('Info')">
-            <tooltip display="<span>Info</span>" bottom class="info">
+            <tooltip display="Info" bottom class="info">
                 <span class="material-icons">info</span>
             </tooltip>
         </div>
@@ -38,14 +38,14 @@
             </tooltip>
         </div>
         <div @click="openDialog('Options')">
-            <tooltip display="<span>Options</span>" bottom class="options" xoffset="-70px">
+            <tooltip display="Options" bottom class="options" xoffset="-70px">
                 <span class="material-icons">settings</span>
             </tooltip>
         </div>
     </div>
     <div v-else class="overlay-nav" v-bind="$attrs">
         <div @click="openDialog('Changelog')" class="version-container">
-            <tooltip display="<span>Changelog</span>" right xoffset="25%" class="version"
+            <tooltip display="Changelog" right xoffset="25%" class="version"
                 ><span>v{{ version }}</span></tooltip
             >
         </div>
@@ -55,12 +55,12 @@
             >
         </div>
         <div @click="openDialog('Options')">
-            <tooltip display="<span>Options</span>" right class="options">
+            <tooltip display="Options" right class="options">
                 <span class="material-icons">settings</span>
             </tooltip>
         </div>
         <div @click="openDialog('Info')">
-            <tooltip display="<span>Info</span>" right class="info">
+            <tooltip display="Info" right class="info">
                 <span class="material-icons">info</span>
             </tooltip>
         </div>
diff --git a/src/components/system/Tooltip.vue b/src/components/system/Tooltip.vue
index 4c614b6..334304c 100644
--- a/src/components/system/Tooltip.vue
+++ b/src/components/system/Tooltip.vue
@@ -49,7 +49,7 @@ export default defineComponent({
     },
     computed: {
         tooltipDisplay(): Component | string {
-            return coerceComponent(this.display);
+            return coerceComponent(this.display, "span", false);
         },
         shown(): boolean {
             return this.force || this.hover;