fix: apply ESLint rule vue/no-bare-strings-in-template

This commit is contained in:
iamsivin
2024-07-26 01:43:44 +05:30
parent 602b0d19ca
commit b316b47f74
38 changed files with 192 additions and 109 deletions
@@ -27,22 +27,22 @@ export default {
<div
v-for="keyShortcut in keyShortcuts"
:key="keyShortcut.key"
class="flex gap-2 items-center"
class="flex items-center gap-2"
>
<div class="flex gap-2 items-center">
<div class="flex items-center gap-2">
<Hotkey
custom-class="h-6 w-8 text-sm font-medium text-slate-700 dark:text-slate-100 bg-slate-100 dark:bg-slate-700 border-b-2 border-slate-300 dark:border-slate-500"
custom-class="w-8 h-6 text-sm font-medium border-b-2 text-slate-7000 dark:text-slate-100 bg-slate-100 dark:bg-slate-700 border-slate-300 dark:border-slate-500"
>
</Hotkey>
<Hotkey
custom-class="h-6 w-8 text-sm font-medium text-slate-700 dark:text-slate-100 bg-slate-100 dark:bg-slate-700 border-b-2 border-slate-300 dark:border-slate-500"
custom-class="w-8 h-6 text-sm font-medium border-b-2 text-slate-700 dark:text-slate-100 bg-slate-100 dark:bg-slate-700 border-slate-300 dark:border-slate-500"
>
{{ keyShortcut.key }}
</Hotkey>
</div>
<span
class="text-sm text-slate-700 dark:text-slate-300 font-medium text-center"
class="text-sm font-medium text-center text-slate-700 dark:text-slate-300"
>
{{ keyShortcut.description }}
</span>
@@ -148,7 +148,9 @@ export default {
>
<div class="wrap">
<div class="label-suggestion--container">
<h6 class="label-suggestion--title">Suggested labels</h6>
<h6 class="label-suggestion--title">
{{ $t('LABEL_MGMT.SUGGESTIONS.SUGGESTED_LABELS') }}
</h6>
<div class="label-suggestion--options">
<button
v-for="label in preparedLabels"
@@ -92,7 +92,7 @@ export default {
<path d="M20 12l-8-8-12 12" fill-rule="evenodd" stroke-width="1px" />
</svg>
</div>
<div class="header flex items-center justify-between">
<div class="flex items-center justify-between header">
<span>{{ $t('BULK_ACTION.AGENT_SELECT_LABEL') }}</span>
<woot-button
size="tiny"
@@ -114,14 +114,14 @@ export default {
<ul v-if="!selectedAgent">
<li class="search-container">
<div
class="agent-list-search h-8 flex justify-between items-center gap-2"
class="flex items-center justify-between h-8 gap-2 agent-list-search"
>
<fluent-icon icon="search" class="search-icon" size="16" />
<input
ref="search"
v-model="query"
type="search"
placeholder="Search"
:placeholder="$t('BULK_ACTION.SEARCH_INPUT_PLACEHOLDER')"
class="agent--search_input"
/>
</div>
@@ -37,7 +37,7 @@ export default {
<path d="M20 12l-8-8-12 12" fill-rule="evenodd" stroke-width="1px" />
</svg>
</div>
<div class="header flex items-center justify-between">
<div class="flex items-center justify-between header">
<span>{{ $t('BULK_ACTION.LABELS.ASSIGN_LABELS') }}</span>
<woot-button
size="tiny"
@@ -50,14 +50,14 @@ export default {
<div class="labels-list">
<header class="labels-list__header">
<div
class="label-list-search h-8 flex justify-between items-center gap-2"
class="flex items-center justify-between h-8 gap-2 label-list-search"
>
<fluent-icon icon="search" class="search-icon" size="16" />
<input
ref="search"
v-model="query"
type="search"
placeholder="Search"
:placeholder="$t('BULK_ACTION.SEARCH_INPUT_PLACEHOLDER')"
class="label--search_input"
/>
</div>
@@ -79,7 +79,7 @@ export default {
class="label-checkbox"
/>
<span
class="label-title overflow-hidden whitespace-nowrap text-ellipsis"
class="overflow-hidden label-title whitespace-nowrap text-ellipsis"
>
{{ label.title }}
</span>
@@ -58,7 +58,7 @@ export default {
ref="search"
v-model="query"
type="search"
placeholder="Search"
:placeholder="$t('BULK_ACTION.SEARCH_INPUT_PLACEHOLDER')"
class="agent--search_input"
/>
</div>