Added "Always Show Fragments" name in the preferences of your Editor

src/main/services/i18n/locales/en/preferences.json

@@ -19,6 +19,7 @@
     "highlightLine": "Highlight Line",
     "highlightGutter": "Highlight Gutter",
     "matchBrackets": "Match Brackets",
+    "showFragments": "Always Show Fragments",
     "prettier": {
       "label": "Prettier",
       "trailingComma": {

src/main/store/module/preferences.ts

@@ -25,7 +25,8 @@ export default new Store<PreferencesStore>({
       singleQuote: true,
       highlightLine: false,
       highlightGutter: false,
-      matchBrackets: false
+      matchBrackets: false,
+      showFragments: false
     },
     screenshot: {
       background: false,

src/renderer/components/preferences/EditorPreferences.vue

@@ -37,6 +37,12 @@
           name="matchBrackets"
         />
       </AppFormItem>
+      <AppFormItem :label="i18n.t('preferences:editor.showFragments')">
+        <AppCheckbox
+          v-model="appStore.editor.showFragments"
+          name="showFragments"
+        />
+      </AppFormItem>
       <h4>{{ i18n.t('preferences:editor.prettier.label') }}</h4>
       <AppFormItem
         :label="i18n.t('preferences:editor.prettier.trailingComma.label')"

src/renderer/store/app.ts

@@ -21,7 +21,8 @@ export const EDITOR_DEFAULTS: EditorSettings = {
   singleQuote: true,
   highlightLine: false,
   highlightGutter: false,
-  matchBrackets: false
+  matchBrackets: false,
+  showFragments: false
 }
 
 const SCREENSHOT_DEFAULTS: ScreenshotSettings = {

src/renderer/store/snippets.ts

@@ -81,7 +81,9 @@ export const useSnippetStore = defineStore('snippets', {
     fragmentCount: state => state.selected?.content?.length,
     tagsCount: state => state.selected?.tagsIds?.length,
     isFragmentsShow (): boolean {
-      return this.fragmentCount ? this.fragmentCount > 1 : false
+      const appStore = useAppStore()
+      if (appStore.editor.showFragments === true) return true
+      else return this.fragmentCount ? this.fragmentCount > 1 : false
     },
     isTagsShow (): boolean {
       const appStore = useAppStore()

src/shared/types/renderer/store/app.d.ts

@@ -37,6 +37,7 @@ export interface EditorSettings {
   highlightLine: boolean
   highlightGutter: boolean
   matchBrackets: boolean
+  showFragments: boolean
 }
 
 export interface ScreenshotSettings {