Repository: marktext/marktext
File: src/renderer/prefComponents/spellchecker/index.vue (Vue)

Code before:
<template>
  <div class="pref-spellchecker">
    <h4>Spelling</h4>
    <bool
      description="Enable spell checker (experimental)."
      :bool="spellcheckerEnabled"
      :onChange="handleSpellcheckerEnabled"
    ></bool>
    <separator></separator>
    <bool
      description="Use Hunspell instead of system spell checker on macOS and Windows 10. (Restart required.)
      :bool="spellcheckerIsHunspell"
      :disable="!isOsSpellcheckerSupported || !spellcheckerEnabled"
      :onChange="value => onSelectChange('spellcheckerIsHunspell', value)"
    ></bool>
    <bool
      description="Hide marks on spelling errors."
      :bool="spellcheckerNoUnderline"
      :disable="!spellcheckerEnabled"
      :onChange="value => onSelectChange('spellcheckerNoUnderline', value)"
    ></bool>
    <bool
      description="Automatically detect document language. (Unavailable if Hunspell is used or if spelling errors are not marked.)
      :bool="spellcheckerAutoDetectLanguage"
      :disable="!spellcheckerEnabled"
      :onChange="value => onSelectChange('spellcheckerAutoDetectLanguage', value)"
    ></bool>
    <separator></separator>
    <cur-select
      description="Default language for spell checker."
      :value="spellcheckerLanguage"
      :options="availableDictionaries"
      :disable="!spellcheckerEnabled"
      :onChange="value => onSelectChange('spellcheckerLanguage', value)"
    ></cur-select>
    <div
      v-if="isOsx && !isHunspellSelected && spellcheckerEnabled"
      class="description"
    >
      Additional languages may be added through "Language & Region" in your system preferences pane.
    </div>
    <div
      v-if="isWindows && !isHunspellSelected && spellcheckerEnabled"
      class="description"
    >
      Additional languages may be added via "Language" in your "Time & language" settings.
    </div>
    <div v-if="isHunspellSelected && spellcheckerEnabled">

Review comment (suggestion):
```suggestion
      description="Automatically detect document language (spelling errors must be marked and macOS only).
```

Code after:
<template>
  <div class="pref-spellchecker">
    <h4>Spelling</h4>
    <bool
      description="Enable spell checker (experimental)."
      :bool="spellcheckerEnabled"
      :onChange="handleSpellcheckerEnabled"
    ></bool>
    <separator></separator>
    <bool
      description="Use Hunspell instead of system spell checker on macOS and Windows 10 (requires restart).
      :bool="spellcheckerIsHunspell"
      :disable="!isOsSpellcheckerSupported || !spellcheckerEnabled"
      :onChange="value => onSelectChange('spellcheckerIsHunspell', value)"
    ></bool>
    <bool
      description="Hide marks for spelling errors."
      :bool="spellcheckerNoUnderline"
      :disable="!spellcheckerEnabled"
      :onChange="value => onSelectChange('spellcheckerNoUnderline', value)"
    ></bool>
    <bool
      v-show="isOsx && !spellcheckerIsHunspell"
      description="Automatically detect document language (requires showing marks for spelling errors).
      :bool="spellcheckerAutoDetectLanguage"
      :disable="!spellcheckerEnabled"
      :onChange="value => onSelectChange('spellcheckerAutoDetectLanguage', value)"
    ></bool>
    <separator></separator>
    <cur-select
      description="Default language for spell checker."
      :value="spellcheckerLanguage"
      :options="availableDictionaries"
      :disable="!spellcheckerEnabled"
      :onChange="value => onSelectChange('spellcheckerLanguage', value)"
    ></cur-select>
    <div
      v-if="isOsx && !isHunspellSelected && spellcheckerEnabled"
      class="description"
    >
      Additional languages may be added through "Language & Region" in your system preferences pane.
    </div>
    <div
      v-if="isWindows && !isHunspellSelected && spellcheckerEnabled"
      class="description"
    >
      Additional languages may be added through "Language" in your "Time & language" settings.
    </div>