Show effect of vue/html-self-closing rule re #172

archesproject · Jan 3, 2025 · 3992349 · 3992349
1 parent e8f9a00
commit 3992349
Showing 13 changed files with 24 additions and 23 deletions.
diff --git a/arches_lingo/src/arches_lingo/components/generic/ControlledListItem.vue b/arches_lingo/src/arches_lingo/components/generic/ControlledListItem.vue
@@ -17,6 +17,6 @@ defineEmits(["update"]);
         <div v-if="mode === VIEW">
             <ControlledListItemViewer :value="value" />
         </div>
-        <div v-if="mode === EDIT"></div>
+        <div v-if="mode === EDIT" />
     </div>
 </template>
diff --git a/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
@@ -47,7 +47,7 @@ function confirmDelete(tileId: string) {
     <ConfirmDialog
         :pt="{ root: { style: { fontFamily: 'sans-serif' } } }"
         :group="metaStringText.name"
-    ></ConfirmDialog>
+    />
     <div v-if="props.metaStrings?.length">
         <DataTable
             v-model:expanded-rows="expandedRows"
@@ -65,7 +65,7 @@ function confirmDelete(tileId: string) {
                     <slot
                         name="name"
                         :row-data="slotProps.data"
-                    ></slot>
+                    />
                 </template>
             </Column>
             <Column
@@ -76,7 +76,7 @@ function confirmDelete(tileId: string) {
                     <slot
                         name="type"
                         :row-data="slotProps.data"
-                    ></slot>
+                    />
                 </template>
             </Column>
             <Column
@@ -87,7 +87,7 @@ function confirmDelete(tileId: string) {
                     <slot
                         name="language"
                         :row-data="slotProps.data"
-                    ></slot>
+                    />
                 </template>
             </Column>
             <Column>
@@ -124,7 +124,7 @@ function confirmDelete(tileId: string) {
                     <slot
                         name="drawer"
                         :row-data="slotProps.data"
-                    ></slot>
+                    />
                 </div>
             </template>
         </DataTable>

diff --git a/arches_lingo/src/arches_lingo/components/header/PageHeader.vue b/arches_lingo/src/arches_lingo/components/header/PageHeader.vue
@@ -43,7 +43,7 @@ const items = ref([
                 <i
                     :class="item.icon"
                     aria-hidden="true"
-                ></i>
+                />
                 <span style="font-weight: var(--p-button-label-font-weight)">
                     {{ item.label }}
                 </span>

diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
@@ -145,17 +145,15 @@ function editSectionValue(tileId: string) {
                             (rowData as AppellativeStatus)
                                 .appellative_status_ascribed_relation
                         "
-                    >
-                    </ControlledListItem>
+                    />
                 </template>
                 <template #language="{ rowData }">
                     <ControlledListItem
                         :value="
                             (rowData as AppellativeStatus)
                                 .appellative_status_ascribed_name_language
                         "
-                    >
-                    </ControlledListItem>
+                    />
                 </template>
                 <template #drawer="{ rowData }">
                     <div>
@@ -165,7 +163,7 @@ function editSectionValue(tileId: string) {
                                 (rowData as AppellativeStatus)
                                     .appellative_status_data_assignment_object_used
                             "
-                        ></ResourceInstanceRelationships>
+                        />
                     </div>
                     <div>
                         <span>{{ $gettext("Contributors:") }}</span>
@@ -174,7 +172,7 @@ function editSectionValue(tileId: string) {
                                 (rowData as AppellativeStatus)
                                     .appellative_status_data_assignment_actor
                             "
-                        ></ResourceInstanceRelationships>
+                        />
                     </div>
                 </template>
             </MetaStringViewer>

diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue
@@ -129,7 +129,7 @@ function onNamespaceNameUpdate(val: string) {
             <Button
                 :label="$gettext('Update')"
                 @click="save"
-            ></Button>
+            />
         </div>
     </div>
 </template>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue
@@ -162,5 +162,5 @@ function editSectionValue(tileId: string) {
             </MetaStringViewer>
         </SchemeReportSection>
     </div>
-    <div v-if="mode === EDIT"></div>
+    <div v-if="mode === EDIT" />
 </template>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue
@@ -19,11 +19,11 @@ const props = defineProps<{
                 <Button
                     :label="$gettext(`Add ${props.titleText}`)"
                     @click="$emit(OPEN_EDITOR)"
-                ></Button>
+                />
             </div>
         </div>
         <div class="content">
-            <slot></slot>
+            <slot />
         </div>
     </div>
 </template>

diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue
@@ -187,6 +187,6 @@ function onCreationUpdate(val: string[]) {
         <Button
             :label="$gettext('Update')"
             @click="save"
-        ></Button>
+        />
     </div>
 </template>
diff --git a/arches_lingo/src/arches_lingo/components/sidenav/SideNav.vue b/arches_lingo/src/arches_lingo/components/sidenav/SideNav.vue
@@ -33,7 +33,7 @@ const items = ref([
                 <i
                     :class="item.icon"
                     aria-hidden="true"
-                ></i>
+                />
             </RouterLink>
         </div>
     </aside>

diff --git a/arches_lingo/src/arches_lingo/components/tree/TreeRow.vue b/arches_lingo/src/arches_lingo/components/tree/TreeRow.vue
@@ -62,7 +62,7 @@ const toggleFocus = (node: TreeNode) => {
 
 <template>
     <!-- eslint-disable vue/no-v-html -->
-    <span v-html="rowLabel(node.data)"></span>
+    <span v-html="rowLabel(node.data)" />
     <!-- eslint-enable vue/no-v-html -->
     <i
         v-tooltip="{
@@ -76,5 +76,5 @@ const toggleFocus = (node: TreeNode) => {
         :style="{ alignSelf: 'center', marginLeft: '1rem' }"
         @click="toggleFocus(node)"
         @keyup.enter="toggleFocus(node)"
-    ></i>
+    />
 </template>
diff --git a/arches_lingo/src/arches_lingo/components/user/UserInteraction.vue b/arches_lingo/src/arches_lingo/components/user/UserInteraction.vue
@@ -57,6 +57,6 @@ const greeting = computed(() => {
         <Button
             :label="$gettext('Sign out')"
             @click="issueLogout"
-        ></Button>
+        />
     </div>
 </template>
diff --git a/arches_lingo/src/arches_lingo/pages/LoginPage.vue b/arches_lingo/src/arches_lingo/pages/LoginPage.vue
@@ -6,7 +6,7 @@ import LoginLinks from "@/arches_lingo/components/login/LoginLinks.vue";
 <template>
     <div class="login-container">
         <LoginForm />
-        <div class="spacer"></div>
+        <div class="spacer" />
         <LoginLinks />
     </div>
 </template>

diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -38,6 +38,9 @@ export default [
         },
         "rules": {
             "semi": ["error", "always"],
+            "vue/html-self-closing": [
+                "error", { "html": { "void": "any" } }
+            ],
         },
     },
 ];