chore: Add Stricter Frontend Formatting (#6262)

frontend/pages/g/[groupSlug]/r/create/bulk.vue

@@ -7,151 +7,151 @@
       <v-card-text>
         {{ $t('recipe.recipe-bulk-importer-description') }}
       </v-card-text>
-    <div class="px-4">
-    <section class="mt-2">
-      <v-row
-        v-for="(_, idx) in bulkUrls"
-        :key="'bulk-url' + idx"
-        class="my-1"
-        density="compact"
-      >
-        <v-col
-          cols="12"
-          xs="12"
-          sm="12"
-          md="12"
-        >
-          <v-text-field
-            v-model="bulkUrls[idx].url"
-            :label="$t('new-recipe.recipe-url')"
+      <div class="px-4">
+        <section class="mt-2">
+          <v-row
+            v-for="(_, idx) in bulkUrls"
+            :key="'bulk-url' + idx"
+            class="my-1"
             density="compact"
-            single-line
-            validate-on="blur"
-            autofocus
-            variant="solo-filled"
-            hide-details
-            clearable
-            :prepend-inner-icon="$globals.icons.link"
-            rounded
-            class="rounded-lg"
           >
-            <template #append>
-              <v-btn
-                style="margin-top: -2px"
-                icon
-                size="small"
-                @click="bulkUrls.splice(idx, 1)"
+            <v-col
+              cols="12"
+              xs="12"
+              sm="12"
+              md="12"
+            >
+              <v-text-field
+                v-model="bulkUrls[idx].url"
+                :label="$t('new-recipe.recipe-url')"
+                density="compact"
+                single-line
+                validate-on="blur"
+                autofocus
+                variant="solo-filled"
+                hide-details
+                clearable
+                :prepend-inner-icon="$globals.icons.link"
+                rounded
+                class="rounded-lg"
               >
-                <v-icon>
-                  {{ $globals.icons.delete }}
-                </v-icon>
-              </v-btn>
+                <template #append>
+                  <v-btn
+                    style="margin-top: -2px"
+                    icon
+                    size="small"
+                    @click="bulkUrls.splice(idx, 1)"
+                  >
+                    <v-icon>
+                      {{ $globals.icons.delete }}
+                    </v-icon>
+                  </v-btn>
+                </template>
+              </v-text-field>
+            </v-col>
+            <template v-if="showCatTags">
+              <v-col
+                cols="12"
+                xs="12"
+                sm="6"
+                class="py-0"
+              >
+                <RecipeOrganizerSelector
+                  v-model="bulkUrls[idx].categories"
+                  selector-type="categories"
+                  :input-attrs="{
+                    variant: 'filled',
+                    singleLine: true,
+                    density: 'compact',
+                    rounded: true,
+                    class: 'rounded-lg',
+                    hideDetails: true,
+                    clearable: true,
+                  }"
+                />
+              </v-col>
+              <v-col
+                cols="12"
+                xs="12"
+                sm="6"
+                class="pt-0 pb-4"
+              >
+                <RecipeOrganizerSelector
+                  v-model="bulkUrls[idx].tags"
+                  selector-type="tags"
+                  :input-attrs="{
+                    variant: 'filled',
+                    singleLine: true,
+                    density: 'compact',
+                    rounded: true,
+                    class: 'rounded-lg',
+                    hideDetails: true,
+                    clearable: true,
+                  }"
+                />
+              </v-col>
             </template>
-          </v-text-field>
-        </v-col>
-        <template v-if="showCatTags">
-          <v-col
-            cols="12"
-            xs="12"
-            sm="6"
-            class="py-0"
-          >
-            <RecipeOrganizerSelector
-              v-model="bulkUrls[idx].categories"
-              selector-type="categories"
-              :input-attrs="{
-                variant: 'filled',
-                singleLine: true,
-                density: 'compact',
-                rounded: true,
-                class: 'rounded-lg',
-                hideDetails: true,
-                clearable: true,
-              }"
+          </v-row>
+          <v-card-actions class="justify-end flex-wrap mt-3 pa-0">
+            <BaseButton
+              class="mt-1 pr-4"
+              delete
+              @click="
+                bulkUrls = [];
+                lockBulkImport = false;
+              "
+            >
+              {{ $t('general.clear') }}
+            </BaseButton>
+            <v-spacer />
+            <BaseButton
+              class="mr-1 mb-1"
+              color="info"
+              @click="bulkUrls.push({ url: '', categories: [], tags: [] })"
+            >
+              <template #icon>
+                {{ $globals.icons.createAlt }}
+              </template>
+              {{ $t('general.new') }}
+            </BaseButton>
+            <RecipeDialogBulkAdd
+              v-model="bulkDialog"
+              class="mr-1 mr-sm-0 mb-1"
+              @bulk-data="assignUrls"
             />
-          </v-col>
-          <v-col
-            cols="12"
-            xs="12"
-            sm="6"
-            class="pt-0 pb-4"
-          >
-            <RecipeOrganizerSelector
-              v-model="bulkUrls[idx].tags"
-              selector-type="tags"
-              :input-attrs="{
-                variant: 'filled',
-                singleLine: true,
-                density: 'compact',
-                rounded: true,
-                class: 'rounded-lg',
-                hideDetails: true,
-                clearable: true,
-              }"
+          </v-card-actions>
+          <div class="px-0">
+            <v-checkbox
+              v-model="showCatTags"
+              hide-details
+              :label="$t('recipe.set-categories-and-tags')"
             />
-          </v-col>
-        </template>
-      </v-row>
-      <v-card-actions class="justify-end flex-wrap mt-3 pa-0">
-        <BaseButton
-          class="mt-1 pr-4"
-          delete
-          @click="
-            bulkUrls = [];
-            lockBulkImport = false;
-          "
-        >
-          {{ $t('general.clear') }}
-        </BaseButton>
-        <v-spacer />
-        <BaseButton
-          class="mr-1 mb-1"
-          color="info"
-          @click="bulkUrls.push({ url: '', categories: [], tags: [] })"
-        >
-          <template #icon>
-            {{ $globals.icons.createAlt }}
-          </template>
-          {{ $t('general.new') }}
-        </BaseButton>
-        <RecipeDialogBulkAdd
-          v-model="bulkDialog"
-          class="mr-1 mr-sm-0 mb-1"
-          @bulk-data="assignUrls"
-        />
-      </v-card-actions>
-      <div class="px-0">
-        <v-checkbox
-          v-model="showCatTags"
-          hide-details
-          :label="$t('recipe.set-categories-and-tags')"
-        />
+          </div>
+          <v-card-actions class="justify-center">
+            <div style="width: 250px">
+              <BaseButton
+                :disabled="bulkUrls.length === 0 || lockBulkImport"
+                rounded
+                block
+                @click="bulkCreate"
+              >
+                <template #icon>
+                  {{ $globals.icons.check }}
+                </template>
+              </BaseButton>
+            </div>
+          </v-card-actions>
+        </section>
+        <section class="mt-12">
+          <BaseCardSectionTitle :title="$t('recipe.bulk-imports')" />
+          <ReportTable
+            :items="reports"
+            @delete="deleteReport"
+          />
+        </section>
       </div>
-      <v-card-actions class="justify-center">
-        <div style="width: 250px">
-        <BaseButton
-          :disabled="bulkUrls.length === 0 || lockBulkImport"
-          rounded
-          block
-          @click="bulkCreate"
-        >
-          <template #icon>
-            {{ $globals.icons.check }}
-          </template>
-        </BaseButton>
-        </div>
-      </v-card-actions>
-    </section>
-    <section class="mt-12">
-      <BaseCardSectionTitle :title="$t('recipe.bulk-imports')" />
-      <ReportTable
-        :items="reports"
-        @delete="deleteReport"
-      />
-    </section>
+    </div>
   </div>
-  </div>
-</div>
 </template>
 
 <script lang="ts">