From 81de2eedfb596031ba4a74feb9db629f7b8c4e04 Mon Sep 17 00:00:00 2001
From: Louis Lam <louislam@users.noreply.github.com>
Date: Tue, 12 Apr 2022 20:23:11 +0800
Subject: [PATCH] Fix template can contain one tag only, disable
 vue/require-component-is eslint rule

---
 .eslintrc.js             | 1 +
 src/pages/StatusPage.vue | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index b0934d6d8..67a80d245 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -39,6 +39,7 @@ module.exports = {
         "vue/max-attributes-per-line": "off",
         "vue/singleline-html-element-content-newline": "off",
         "vue/html-self-closing": "off",
+        "vue/require-component-is": "off",      // not allow is="style" https://github.com/vuejs/eslint-plugin-vue/issues/462#issuecomment-430234675
         "vue/attribute-hyphenation": "off",     // This change noNL to "no-n-l" unexpectedly
         "no-multi-spaces": ["error", {
             ignoreEOLComments: true,
diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index b1b2e9802..381162546 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -261,11 +261,11 @@
         <Confirm ref="confirmDelete" btn-style="btn-danger" :yes-text="$t('Yes')" :no-text="$t('No')" @yes="deleteStatusPage">
             {{ $t("deleteStatusPageMsg") }}
         </Confirm>
-    </div>
 
-    <component is="style" v-if="config.customCSS" type="text/css">
-        {{ config.customCSS }}
-    </component>
+        <component is="style" v-if="config.customCSS" type="text/css">
+            {{ config.customCSS }}
+        </component>
+    </div>
 </template>
 
 <script>