formatted, added team index, create, show

resources/js/pages/settings/Security.vue

@@ -21,100 +21,94 @@ type Props = {
 const props = defineProps<Props>();
 
 defineOptions({
-    layout: {
-        breadcrumbs: [
-            {
-                title: 'Security settings',
-                href: edit(),
-            },
-        ],
-    },
+  layout: {
+    breadcrumbs: [
+      {
+        title: 'Security settings',
+        href: edit(),
+      },
+    ],
+  },
 });
 </script>
 
 <template>
-    <Head title="Security settings" />
+  <Head title="Security settings" />
 
-    <h1 class="sr-only">Security settings</h1>
+  <h1 class="sr-only">Security settings</h1>
 
-    <div class="space-y-6">
-        <Heading
-            variant="small"
-            title="Update password"
-            description="Ensure your account is using a long, random password to stay secure"
+  <div class="space-y-6">
+    <Heading
+      variant="small"
+      title="Update password"
+      description="Ensure your account is using a long, random password to stay secure"
+    />
+
+    <Form
+      v-bind="SecurityController.update.form()"
+      :options="{
+        preserveScroll: true,
+      }"
+      reset-on-success
+      :reset-on-error="[
+        'password',
+        'password_confirmation',
+        'current_password',
+      ]"
+      class="space-y-6"
+      v-slot="{ errors, processing }"
+    >
+      <div class="grid gap-2">
+        <Label for="current_password">Current password</Label>
+        <PasswordInput
+          id="current_password"
+          name="current_password"
+          class="mt-1 block w-full"
+          autocomplete="current-password"
+          placeholder="Current password"
         />
+        <InputError :message="errors.current_password" />
+      </div>
 
-        <Form
-            v-bind="SecurityController.update.form()"
-            :options="{
-                preserveScroll: true,
-            }"
-            reset-on-success
-            :reset-on-error="[
-                'password',
-                'password_confirmation',
-                'current_password',
-            ]"
-            class="space-y-6"
-            v-slot="{ errors, processing }"
-        >
-            <div class="grid gap-2">
-                <Label for="current_password">Current password</Label>
-                <PasswordInput
-                    id="current_password"
-                    name="current_password"
-                    class="mt-1 block w-full"
-                    autocomplete="current-password"
-                    placeholder="Current password"
-                />
-                <InputError :message="errors.current_password" />
-            </div>
+      <div class="grid gap-2">
+        <Label for="password">New password</Label>
+        <PasswordInput
+          id="password"
+          name="password"
+          class="mt-1 block w-full"
+          autocomplete="new-password"
+          placeholder="New password"
+          :passwordrules="props.passwordRules"
+        />
+        <InputError :message="errors.password" />
+      </div>
 
-            <div class="grid gap-2">
-                <Label for="password">New password</Label>
-                <PasswordInput
-                    id="password"
-                    name="password"
-                    class="mt-1 block w-full"
-                    autocomplete="new-password"
-                    placeholder="New password"
-                    :passwordrules="props.passwordRules"
-                />
-                <InputError :message="errors.password" />
-            </div>
+      <div class="grid gap-2">
+        <Label for="password_confirmation">Confirm password</Label>
+        <PasswordInput
+          id="password_confirmation"
+          name="password_confirmation"
+          class="mt-1 block w-full"
+          autocomplete="new-password"
+          placeholder="Confirm password"
+          :passwordrules="props.passwordRules"
+        />
+        <InputError :message="errors.password_confirmation" />
+      </div>
 
-            <div class="grid gap-2">
-                <Label for="password_confirmation">Confirm password</Label>
-                <PasswordInput
-                    id="password_confirmation"
-                    name="password_confirmation"
-                    class="mt-1 block w-full"
-                    autocomplete="new-password"
-                    placeholder="Confirm password"
-                    :passwordrules="props.passwordRules"
-                />
-                <InputError :message="errors.password_confirmation" />
-            </div>
+      <div class="flex items-center gap-4">
+        <Button :disabled="processing" data-test="update-password-button">
+          Save
+        </Button>
+      </div>
+    </Form>
+  </div>
 
-            <div class="flex items-center gap-4">
-                <Button
-                    :disabled="processing"
-                    data-test="update-password-button"
-                >
-                    Save
-                </Button>
-            </div>
-        </Form>
-    </div>
+  <ManageTwoFactor
+    :canManageTwoFactor="canManageTwoFactor"
+    :requiresConfirmation="requiresConfirmation"
+    :twoFactorEnabled="twoFactorEnabled"
+  />
 
-    <ManageTwoFactor
-        :canManageTwoFactor="canManageTwoFactor"
-        :requiresConfirmation="requiresConfirmation"
-        :twoFactorEnabled="twoFactorEnabled"
-    />
-
-    <ManagePasskeys
-        :canManagePasskeys="canManagePasskeys"
-        :passkeys="passkeys"
-    />
+  <ManagePasskeys :canManagePasskeys="canManagePasskeys" :passkeys="passkeys" />
 </template>