fix: Fix failling format(Run prettier --write

Author: Lantum-Brendan

.eslintrc.cjs

@@ -5,32 +5,30 @@ module.exports = {
     browser: true,
     es2021: true,
   },
-  extends: [
-    'eslint:recommended',
-    'plugin:vue/vue3-recommended',
-    'plugin:@typescript-eslint/recommended',
-    'prettier',
-  ],
-  parser: 'vue-eslint-parser',
+  extends: ["eslint:recommended", "plugin:vue/vue3-recommended", "plugin:@typescript-eslint/recommended", "prettier"],
+  parser: "vue-eslint-parser",
   parserOptions: {
-    ecmaVersion: 'latest',
-    parser: '@typescript-eslint/parser',
-    sourceType: 'module',
+    ecmaVersion: "latest",
+    parser: "@typescript-eslint/parser",
+    sourceType: "module",
   },
-  plugins: ['vue', '@typescript-eslint'],
+  plugins: ["vue", "@typescript-eslint"],
   rules: {
-    'vue/multi-word-component-names': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
-    'vue/max-attributes-per-line': 'off',
-    'vue/singleline-html-element-content-newline': 'off',
-    'vue/html-self-closing': ['warn', {
-      html: { void: 'any', normal: 'always', component: 'always' },
-      svg: 'always',
-      math: 'always',
-    }],
-    'vue/attributes-order': 'off',
-    'vue/require-default-prop': 'off',
-    'vue/use-v-on-exact': 'off',
+    "vue/multi-word-component-names": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
+    "vue/max-attributes-per-line": "off",
+    "vue/singleline-html-element-content-newline": "off",
+    "vue/html-self-closing": [
+      "warn",
+      {
+        html: { void: "any", normal: "always", component: "always" },
+        svg: "always",
+        math: "always",
+      },
+    ],
+    "vue/attributes-order": "off",
+    "vue/require-default-prop": "off",
+    "vue/use-v-on-exact": "off",
   },
 };

.github/workflows/ci.yml

@@ -16,8 +16,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          cache: 'npm'
+          node-version: "20"
+          cache: "npm"
 
       - name: Install dependencies
         run: npm ci
@@ -37,8 +37,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          cache: 'npm'
+          node-version: "20"
+          cache: "npm"
 
       - name: Install dependencies
         run: npm ci
@@ -55,8 +55,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          cache: 'npm'
+          node-version: "20"
+          cache: "npm"
 
       - name: Install dependencies
         run: npm ci
@@ -74,8 +74,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          cache: 'npm'
+          node-version: "20"
+          cache: "npm"
 
       - name: Install dependencies
         run: npm ci

README.md

@@ -32,6 +32,7 @@ FlatRun UI provides a user-friendly dashboard for managing Docker deployments th
 ## Development
 
 ### Prerequisites
+
 - Node.js 18+ and npm
 
 ### Setup
@@ -103,8 +104,8 @@ If running the UI on a different domain/port than the agent, ensure the agent's
 api:
   enable_cors: true
   allowed_origins:
-    - http://localhost:5173  # Development
-    - https://your-ui-domain.com  # Production
+    - http://localhost:5173 # Development
+    - https://your-ui-domain.com # Production
 ```
 
 ## Available Scripts
@@ -162,16 +163,19 @@ EXPOSE 80
 ## Troubleshooting
 
 ### Cannot connect to agent
+
 - Verify the agent is running: `systemctl status flatrun-agent`
 - Check `VITE_API_URL` is correct in your `.env.local`
 - Ensure CORS is configured if running on different domains
 
 ### Authentication fails
+
 - Verify the API key matches the agent's configuration
 - Check browser console for specific error messages
 - Ensure JWT secret is properly set in agent config
 
 ### UI shows no deployments
+
 - Confirm the agent's `deployments_path` is accessible
 - Check that deployments have valid `docker-compose.yml` files
 

index.html

@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <link rel="icon" type="image/svg+xml" href="/src/assets/flatrun-icon-black.svg">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/src/assets/flatrun-icon-black.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Flatrun - Container Orchestration</title>
   </head>
   <body>

src/i18n/locales/en.json

@@ -888,31 +888,19 @@
             "name": "Easy Mode",
             "description": "Guided setup with templates",
             "badge": "Recommended",
-            "features": [
-              "Choose from pre-built templates",
-              "Auto-configure database",
-              "Domain & SSL setup"
-            ]
+            "features": ["Choose from pre-built templates", "Auto-configure database", "Domain & SSL setup"]
           },
           "image": {
             "name": "From Image",
             "description": "Deploy any Docker image",
             "badge": "Quick",
-            "features": [
-              "Use any public/private image",
-              "Auto-generate compose",
-              "Quick deployment"
-            ]
+            "features": ["Use any public/private image", "Auto-generate compose", "Quick deployment"]
           },
           "compose": {
             "name": "Compose Mode",
             "description": "Full control with docker-compose",
             "badge": "Advanced",
-            "features": [
-              "Write your own compose file",
-              "Advanced configuration",
-              "For power users"
-            ]
+            "features": ["Write your own compose file", "Advanced configuration", "For power users"]
           }
         },
         "steps": {

src/i18n/locales/es.json

@@ -745,21 +745,13 @@
             "name": "Desde Imagen",
             "description": "Despliegue cualquier imagen Docker",
             "badge": "Rápido",
-            "features": [
-              "Use cualquier imagen pública/privada",
-              "Genere compose automáticamente",
-              "Despliegue rápido"
-            ]
+            "features": ["Use cualquier imagen pública/privada", "Genere compose automáticamente", "Despliegue rápido"]
           },
           "compose": {
             "name": "Modo Compose",
             "description": "Control total con docker-compose",
             "badge": "Avanzado",
-            "features": [
-              "Escriba su propio archivo compose",
-              "Configuración avanzada",
-              "Para usuarios avanzados"
-            ]
+            "features": ["Escriba su propio archivo compose", "Configuración avanzada", "Para usuarios avanzados"]
           }
         },
         "steps": {

src/i18n/locales/fr.json

@@ -908,11 +908,7 @@
             "name": "Mode Compose",
             "description": "Contrôle total avec docker-compose",
             "badge": "Avancé",
-            "features": [
-              "Écrivez votre propre fichier compose",
-              "Configuration avancée",
-              "Pour utilisateurs avancés"
-            ]
+            "features": ["Écrivez votre propre fichier compose", "Configuration avancée", "Pour utilisateurs avancés"]
           }
         },
         "steps": {

src/i18n/locales/it.json

@@ -755,11 +755,7 @@
             "name": "Modalità Compose",
             "description": "Controllo totale con docker-compose",
             "badge": "Avanzato",
-            "features": [
-              "Scrivi il tuo file compose",
-              "Configurazione avanzata",
-              "Per utenti esperti"
-            ]
+            "features": ["Scrivi il tuo file compose", "Configurazione avanzata", "Per utenti esperti"]
           }
         },
         "steps": {

src/i18n/locales/pt.json

@@ -745,11 +745,7 @@
             "name": "De Imagem",
             "description": "Implemente qualquer imagem Docker",
             "badge": "Rápido",
-            "features": [
-              "Use qualquer imagem pública/privada",
-              "Gere compose automaticamente",
-              "Implementação rápida"
-            ]
+            "features": ["Use qualquer imagem pública/privada", "Gere compose automaticamente", "Implementação rápida"]
           },
           "compose": {
             "name": "Modo Compose",

src/views/SettingsView.vue

@@ -589,7 +589,9 @@
               </div>
 
               <div class="form-group">
-                <label class="form-label">{{ t("settings.security.autoBlocking.thresholds.authFailures.label") }}</label>
+                <label class="form-label">{{
+                  t("settings.security.autoBlocking.thresholds.authFailures.label")
+                }}</label>
                 <span class="form-hint">{{ t("settings.security.autoBlocking.thresholds.authFailures.hint") }}</span>
                 <input
                   v-model.number="securitySettings.auth_failure_threshold"
@@ -611,7 +613,9 @@
               </div>
 
               <div class="form-group">
-                <label class="form-label">{{ t("settings.security.autoBlocking.thresholds.repeatedHits.label") }}</label>
+                <label class="form-label">{{
+                  t("settings.security.autoBlocking.thresholds.repeatedHits.label")
+                }}</label>
                 <span class="form-hint">{{ t("settings.security.autoBlocking.thresholds.repeatedHits.hint") }}</span>
                 <input
                   v-model.number="securitySettings.repeated_hits_threshold"
@@ -754,7 +758,9 @@
                       <i class="pi pi-user" />
                       {{ cred.username }}
                     </span>
-                    <span v-if="cred.is_default" class="credential-badge default">{{ t("settings.value.default") }}</span>
+                    <span v-if="cred.is_default" class="credential-badge default">{{
+                      t("settings.value.default")
+                    }}</span>
                   </div>
                 </div>
                 <div v-if="canDeleteRegistries" class="credential-actions">
@@ -775,24 +781,24 @@
 
         <!-- Delete Confirmation Modal -->
         <Teleport to="body">
-            <div v-if="showDeleteConfirm" class="modal-overlay" @click.self="cancelDeleteCredential">
-              <div class="confirm-modal">
-                <div class="confirm-icon danger">
-                  <i class="pi pi-exclamation-triangle" />
-                </div>
-                <h3>{{ t("settings.credentials.delete.title") }}</h3>
-                <i18n-t keypath="settings.credentials.delete.message" tag="p">
-                  <strong>{{ credentialToDelete?.name }}</strong>
-                </i18n-t>
-                <div class="confirm-actions">
-                  <button class="btn btn-secondary" @click="cancelDeleteCredential">{{ t("common.cancel") }}</button>
-                  <button class="btn btn-danger" :disabled="deletingCredentialId !== null" @click="deleteCredential">
-                    <i v-if="deletingCredentialId" class="pi pi-spin pi-spinner" />
-                    {{ t("settings.credentials.actions.delete") }}
-                  </button>
-                </div>
+          <div v-if="showDeleteConfirm" class="modal-overlay" @click.self="cancelDeleteCredential">
+            <div class="confirm-modal">
+              <div class="confirm-icon danger">
+                <i class="pi pi-exclamation-triangle" />
+              </div>
+              <h3>{{ t("settings.credentials.delete.title") }}</h3>
+              <i18n-t keypath="settings.credentials.delete.message" tag="p">
+                <strong>{{ credentialToDelete?.name }}</strong>
+              </i18n-t>
+              <div class="confirm-actions">
+                <button class="btn btn-secondary" @click="cancelDeleteCredential">{{ t("common.cancel") }}</button>
+                <button class="btn btn-danger" :disabled="deletingCredentialId !== null" @click="deleteCredential">
+                  <i v-if="deletingCredentialId" class="pi pi-spin pi-spinner" />
+                  {{ t("settings.credentials.actions.delete") }}
+                </button>
               </div>
             </div>
+          </div>
         </Teleport>
       </div>
     </div>
@@ -1010,7 +1016,10 @@ const createCredential = async () => {
       password: newCredential.password,
       is_default: newCredential.is_default,
     });
-    notifications.success(t("settings.credentials.notifications.savedTitle"), t("settings.credentials.notifications.savedDesc"));
+    notifications.success(
+      t("settings.credentials.notifications.savedTitle"),
+      t("settings.credentials.notifications.savedDesc"),
+    );
     resetNewCredentialForm();
     showAddCredentialForm.value = false;
     await fetchCredentials();
@@ -1199,9 +1208,15 @@ const saveSecuritySettings = async () => {
       if (action.errors && action.errors.length > 0) {
         notifications.error(t("settings.security.notifications.updateWarningTitle"), action.errors.join(", "));
       } else if (action.container_recreated) {
-        notifications.success(t("settings.notifications.savedTitle"), t("settings.security.notifications.savedRecreated"));
+        notifications.success(
+          t("settings.notifications.savedTitle"),
+          t("settings.security.notifications.savedRecreated"),
+        );
       } else if (action.nginx_reloaded) {
-        notifications.success(t("settings.notifications.savedTitle"), t("settings.security.notifications.savedReloaded"));
+        notifications.success(
+          t("settings.notifications.savedTitle"),
+          t("settings.security.notifications.savedReloaded"),
+        );
       } else {
         notifications.success(t("settings.notifications.savedTitle"), t("settings.security.notifications.saved"));
       }
@@ -1248,7 +1263,10 @@ const testConnection = async () => {
 };
 
 const refreshData = () => {
-  notifications.info(t("settings.general.quickActions.refreshingTitle"), t("settings.general.quickActions.refreshingDesc"));
+  notifications.info(
+    t("settings.general.quickActions.refreshingTitle"),
+    t("settings.general.quickActions.refreshingDesc"),
+  );
   window.location.reload();
 };