Format code

Author: Scriptim

src/App.vue

@@ -20,11 +20,7 @@
   </main>
   <footer>
     If you like this project, please consider leaving a <StarIcon class="icon"></StarIcon> on
-    <a
-      href="https://github.com/Scriptim/bash-prompt-generator"
-      target="_blank"
-      rel="noopener noreferrer"
-    >GitHub</a>.
+    <a href="https://github.com/Scriptim/bash-prompt-generator" target="_blank" rel="noopener noreferrer">GitHub</a>.
   </footer>
 </template>
 

src/components/SiteHeader.vue

@@ -54,10 +54,7 @@ export default defineComponent({
      * Opens the usage instructions in the README.md file on GitHub.
      */
     openHelp(): void {
-      window.open(
-        'https://github.com/Scriptim/bash-prompt-generator#how-to-use',
-        '_blank',
-      );
+      window.open('https://github.com/Scriptim/bash-prompt-generator#how-to-use', '_blank');
     },
     /**
      * Toggles the dark mode.

src/components/base/EmptyState.vue

@@ -19,7 +19,7 @@ export default defineComponent({
   props: {
     /**
      * Whether the current state is empty.
-     * 
+     *
      * The component is displayed iff this is `true`.
      */
     empty: {

src/components/elementselection/ElementSelection.vue

@@ -54,7 +54,7 @@ export default defineComponent({
      */
     separate(element: PromptElementType) {
       return PROMPT_ELEMENT_TYPES_SEPARATORS.includes(element.name);
-    }
+    },
   },
 });
 </script>

src/components/output/PS1Variable.vue

@@ -11,37 +11,34 @@
   </div>
   <div class="hint" v-if="hasElement('Set Window Title')">
     Elements between the <code>Set Window Title</code> and the next <code>Bell</code> element are used to modify the
-    window title of the terminal, if supported.
-    Any styling properties of those elements are ignored.
+    window title of the terminal, if supported. Any styling properties of those elements are ignored.
   </div>
   <div class="hint" v-if="hasElement('Advanced Git Prompt')">
     The <code>Advanced Git Prompt</code> element requires some extra work: Copy the
     <a
       href="https://github.com/git/git/blob/master/contrib/completion/git-prompt.sh"
       target="_blank"
       rel="noopener noreferrer"
-    ><code>git-prompt.sh</code></a>
-    file to your home directory and <code>source</code> it in your <code>~/.bashrc</code> file
-    (as described in <code>git-prompt.sh</code>).
-    By default the status will only contain the current branch name, however you can include more information using
-    global or repository-local configuration options (which are also described in <code>git-prompt.sh</code>).
+      ><code>git-prompt.sh</code>
+    </a>
+    file to your home directory and <code>source</code> it in your <code>~/.bashrc</code> file (as described in
+    <code>git-prompt.sh</code>). By default the status will only contain the current branch name, however you can
+    include more information using global or repository-local configuration options (which are also described in
+    <code>git-prompt.sh</code>).
   </div>
   <div class="hint" v-if="hasElement('Working Directory') || hasElement('Working Directory (Basename)')">
     You can limit the number of components in the working directory path by setting the
     <a
       href="https://www.gnu.org/software/bash/manual/html_node/Bash-Variables.html#index-PROMPT_005fDIRTRIM"
       target="_blank"
       rel="noopener noreferrer"
-    ><code>PROMPT_DIRTRIM</code></a>
+      ><code>PROMPT_DIRTRIM</code>
+    </a>
     environment variable in your <code>~/.bashrc</code> file.
   </div>
   <div class="hint" v-if="hasElement('Nerd Font Glyph')">
     For <code>Nerd Font Glyph</code> elements to be properly displayed, you need to have a
-    <a
-      href="https://www.nerdfonts.com/"
-      target="_blank"
-      rel="noopener noreferrer"
-    >Nerd Font</a>
+    <a href="https://www.nerdfonts.com/" target="_blank" rel="noopener noreferrer">Nerd Font</a>
     installed and configured in your terminal.
   </div>
 </template>

src/components/output/PromptPreview.vue

@@ -8,7 +8,8 @@
       <span v-for="element in elements.windowTitle" :key="element.id">
         {{ element.data.type.preview(element.data.parameters) }}
       </span>
-      <span>&nbsp;</span> <!-- Ensure there is at least one character even if the title is empty -->
+      <!-- Ensure there is at least one character even if the title is empty -->
+      <span>&nbsp;</span>
       <span class="preview-window-controls">
         <MinusCircleIcon class="icon"></MinusCircleIcon>
         <XCircleIcon class="icon"></XCircleIcon>
@@ -19,17 +20,21 @@
         v-for="element in elements.prompt"
         :key="element.id"
         :style="{
-          backgroundColor: `${element.data.attributes.reverse
-            ? element.data.foregroundColor?.hex ?? (light ? '#212121' : '#fafafa')
-            : element.data.backgroundColor?.hex ?? (light ? '#fafafa' : '#212121')} !important`,
+          backgroundColor: `${
+            element.data.attributes.reverse
+              ? element.data.foregroundColor?.hex ?? (light ? '#212121' : '#fafafa')
+              : element.data.backgroundColor?.hex ?? (light ? '#fafafa' : '#212121')
+          } !important`,
         }"
       >
         <span
           v-if="element.data.type.preview(element.data.parameters) !== '\n'"
           :style="{
-            color: `${element.data.attributes.reverse
-              ? element.data.backgroundColor?.hex ?? (light ? '#fafafa' : '#212121')
-              : element.data.foregroundColor?.hex ?? (light ? '#212121' : '#fafafa')} !important`,
+            color: `${
+              element.data.attributes.reverse
+                ? element.data.backgroundColor?.hex ?? (light ? '#fafafa' : '#212121')
+                : element.data.foregroundColor?.hex ?? (light ? '#212121' : '#fafafa')
+            } !important`,
           }"
           :class="{
             'preview-bold': element.data.attributes.bold,
@@ -169,7 +174,7 @@ export default defineComponent({
       return {
         prompt: crPartitions.prompt.reduce(mergeCrPartitions),
         windowTitle: crPartitions.windowTitle.reduce(mergeCrPartitions),
-        windowTitleSet
+        windowTitleSet,
       };
     },
   },

src/components/prompteditor/PromptElements.vue

@@ -24,7 +24,7 @@
     <p>Alternatively, you can paste your existing <code>PS1</code> string to import it:</p>
     <label for="import-ps1" class="import-prompt">
       <code>$PS1</code>
-      <br>
+      <br />
       <input
         type="text"
         id="import-ps1"
@@ -34,10 +34,10 @@
         spellcheck="false"
       />
     </label>
-    <br>
+    <br />
     <label for="import-prompt_command" class="import-prompt">
       <code>$PROMPT_COMMAND</code>&nbsp;<small>(optional)</small>
-      <br>
+      <br />
       <input
         type="text"
         id="import-prompt_command"
@@ -47,7 +47,7 @@
         spellcheck="false"
       />
     </label>
-    <br>
+    <br />
     <IconButton icon="ArrowDownOnSquareIcon" title="Import prompt" @click="importPS1" />
     <p v-if="promptInputError" class="import-error">{{ promptInputError }}</p>
   </EmptyState>

src/lib/enum/nerdfontglyph.ts

@@ -43111,7 +43111,7 @@ const fuse = new Fuse(NERD_FONT_GLYPHS, {
 
 /**
  * Find Nerd Font glyphs by a fuzzy search on their names.
- * 
+ *
  * @param name The case-insensitive name to search for.
  * @returns A limited list of glyphs that match the search term, sorted by score.
  */

src/lib/promptParser.ts

@@ -296,12 +296,7 @@ function applyPromptCommand(ps1: PromptElement[], promptCommand: string): Prompt
   varAssignments.forEach((assignment) => {
     const match = assignment.match(assignmentRegex);
     if (match === null) {
-      throw new PromptParserError(
-        'Could not parse command assignments in prompt command',
-        promptCommand,
-        0,
-        10
-      );
+      throw new PromptParserError('Could not parse command assignments in prompt command', promptCommand, 0, 10);
     }
 
     const variableName = match[1];