fix: apply ESLint rule vue/component-name-in-template-casing

This commit is contained in:
iamsivin
2024-07-25 19:42:48 +05:30
parent 0008fca511
commit 3ce70f4e14
352 changed files with 1019 additions and 1037 deletions
@@ -67,7 +67,7 @@ export default {
<!-- eslint-disable vue/no-mutating-props -->
<template>
<modal :show.sync="show" :on-close="closeModal">
<Modal :show.sync="show" :on-close="closeModal">
<woot-modal-header :header-title="title" :header-content="message" />
<form @submit.prevent="onConfirm">
<woot-input
@@ -86,5 +86,5 @@ export default {
</woot-button>
</div>
</form>
</modal>
</Modal>
</template>
@@ -50,7 +50,7 @@ export default {
};
</script>
<template>
<modal :show.sync="show" :on-close="cancel">
<Modal :show.sync="show" :on-close="cancel">
<div class="h-auto overflow-auto flex flex-col">
<woot-modal-header :header-title="title" :header-content="description" />
<div class="flex flex-row justify-end gap-2 py-4 px-6 w-full">
@@ -62,5 +62,5 @@ export default {
</woot-button>
</div>
</div>
</modal>
</Modal>
</template>
@@ -20,7 +20,7 @@ export default {
<!-- eslint-disable vue/no-mutating-props -->
<template>
<modal :show.sync="show" :on-close="onClose">
<Modal :show.sync="show" :on-close="onClose">
<woot-modal-header
:header-title="title"
:header-content="message"
@@ -39,7 +39,7 @@ export default {
{{ confirmText }}
</woot-button>
</div>
</modal>
</Modal>
</template>
<style lang="scss" scoped>
.action-button {
@@ -37,12 +37,12 @@ export default {
{{ $t('KEYBOARD_SHORTCUTS.TOGGLE_MODAL') }}
</h5>
<div class="flex items-center mb-1 ml-2 gap-2">
<hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
<Hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
{{ $t('KEYBOARD_SHORTCUTS.KEYS.WINDOWS_KEY_AND_COMMAND_KEY') }}
</hotkey>
<hotkey custom-class="min-h-[28px] min-w-[36px] key">
</Hotkey>
<Hotkey custom-class="min-h-[28px] min-w-[36px] key">
{{ $t('KEYBOARD_SHORTCUTS.KEYS.FORWARD_SLASH_KEY') }}
</hotkey>
</Hotkey>
</div>
</div>
</div>
@@ -54,20 +54,20 @@ export default {
</h5>
<div class="flex items-center mb-1 ml-2 gap-2">
<div class="flex gap-2">
<hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
<Hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
{{ $t('KEYBOARD_SHORTCUTS.KEYS.ALT_OR_OPTION_KEY') }}
</hotkey>
<hotkey custom-class="min-h-[28px] w-9 key"> J </hotkey>
</Hotkey>
<Hotkey custom-class="min-h-[28px] w-9 key"> J </Hotkey>
<span
class="flex items-center font-semibold text-sm text-slate-800 dark:text-slate-100"
>
{{ $t('KEYBOARD_SHORTCUTS.KEYS.FORWARD_SLASH_KEY') }}
</span>
</div>
<hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
<Hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
{{ $t('KEYBOARD_SHORTCUTS.KEYS.ALT_OR_OPTION_KEY') }}
</hotkey>
<hotkey custom-class="w-9 key"> K </hotkey>
</Hotkey>
<Hotkey custom-class="w-9 key"> K </Hotkey>
</div>
</div>
@@ -76,13 +76,13 @@ export default {
{{ $t('KEYBOARD_SHORTCUTS.TITLE.RESOLVE_AND_NEXT') }}
</h5>
<div class="flex items-center mb-1 ml-2 gap-2">
<hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
<Hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
{{ $t('KEYBOARD_SHORTCUTS.KEYS.WINDOWS_KEY_AND_COMMAND_KEY') }}
</hotkey>
<hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
</Hotkey>
<Hotkey custom-class="min-h-[28px] min-w-[60px] normal-case key">
{{ $t('KEYBOARD_SHORTCUTS.KEYS.ALT_OR_OPTION_KEY') }}
</hotkey>
<hotkey custom-class="w-9 key"> E </hotkey>
</Hotkey>
<Hotkey custom-class="w-9 key"> E </Hotkey>
</div>
</div>
<div
@@ -94,18 +94,18 @@ export default {
{{ title(shortcutKey) }}
</h5>
<div class="flex items-center mb-1 ml-2 gap-2">
<hotkey
<Hotkey
:class="{ 'min-w-[60px]': shortcutKey.firstKey !== 'Up' }"
custom-class="min-h-[28px] normal-case key"
>
{{ shortcutKey.firstKey }}
</hotkey>
<hotkey
</Hotkey>
<Hotkey
:class="{ 'normal-case': shortcutKey.secondKey === 'Down' }"
custom-class="min-h-[28px] min-w-[36px] key"
>
{{ shortcutKey.secondKey }}
</hotkey>
</Hotkey>
</div>
</div>
</div>