Merge pull request #62 from connorabbas/develop

improvements: password autocomplete props, docker image

Author: connorabbas

.devcontainer/devcontainer.json

@@ -28,6 +28,7 @@
             "settings": {
                 "terminal.integrated.shell.linux": "/bin/bash",
                 "html.format.wrapAttributes": "force-expand-multiline",
+                "typescript.preferences.quoteStyle": "single",
                 "[vue]": {
                     "editor.defaultFormatter": "Vue.volar",
                     "editor.tabSize": 4
@@ -40,4 +41,4 @@
     // "forwardPorts": [],
     // "runServices": [],
     // "shutdownAction": "none",
-}
+}

Dockerfile.dev

@@ -1,11 +1,14 @@
 # Intended for local/development use
-FROM node:22-alpine
+FROM node:22-bookworm-slim
 
 USER root
 
-RUN apk add --no-cache git openssh libc6-compat bash shadow
-
-RUN chsh -s /bin/bash node
+RUN apt-get update && apt-get install -y \
+    git \
+    openssh-client \
+    curl \
+    ca-certificates \
+    && rm -rf /var/lib/apt/lists/*
 
 USER node
 

src/components/DeleteUserModal.vue

@@ -68,10 +68,10 @@ const deleteAccount = () => {
                 ref="password-input"
                 v-model="formData.password"
                 :invalid="Boolean(validationErrors?.password)"
-                placeholder="Password"
-                autocomplete="current-password"
-                inputId="password"
                 :feedback="false"
+                :inputProps="{ autocomplete: 'current-password' }"
+                inputId="password"
+                placeholder="Password"
                 toggleMask
                 autofocus
                 required

src/views/auth/Login.vue

@@ -116,7 +116,7 @@ onMounted(() => {
                     v-model="formData.password"
                     :invalid="Boolean(validationErrors?.password)"
                     :feedback="false"
-                    autocomplete="current-password"
+                    :inputProps="{ autocomplete: 'current-password' }"
                     inputId="password"
                     toggleMask
                     required

src/views/auth/Register.vue

@@ -97,7 +97,7 @@ onMounted(() => {
                 <Password
                     v-model="formData.password"
                     :invalid="Boolean(validationErrors?.password)"
-                    autocomplete="new-password"
+                    :inputProps="{ autocomplete: 'new-password' }"
                     inputId="password"
                     toggleMask
                     required
@@ -112,7 +112,6 @@ onMounted(() => {
                     v-model="formData.password_confirmation"
                     :invalid="Boolean(validationErrors?.password_confirmation)"
                     :feedback="false"
-                    autocomplete="new-password"
                     inputId="password-confirmation"
                     toggleMask
                     required

src/views/auth/ResetPassword.vue

@@ -92,7 +92,7 @@ onMounted(() => {
                 <Password
                     v-model="formData.password"
                     :invalid="Boolean(validationErrors?.password)"
-                    autocomplete="new-password"
+                    :inputProps="{ autocomplete: 'new-password' }"
                     inputId="password"
                     toggleMask
                     required
@@ -107,7 +107,6 @@ onMounted(() => {
                     v-model="formData.password_confirmation"
                     :invalid="Boolean(validationErrors?.password_confirmation)"
                     :feedback="false"
-                    autocomplete="new-password"
                     inputId="password-confirmation"
                     toggleMask
                     required

src/views/settings/Password.vue

@@ -90,8 +90,9 @@ const submit = () => {
                                 v-model="formData.current_password"
                                 :invalid="Boolean(validationErrors?.current_password)"
                                 :feedback="false"
-                                autocomplete="current-password"
+                                :inputProps="{ autocomplete: 'current-password' }"
                                 inputId="current-password"
+                                placeholder="Password"
                                 toggleMask
                                 required
                                 fluid
@@ -105,7 +106,7 @@ const submit = () => {
                                 ref="new-password-input"
                                 v-model="formData.password"
                                 :invalid="Boolean(validationErrors?.password)"
-                                autocomplete="new-password"
+                                :inputProps="{ autocomplete: 'new-password' }"
                                 inputId="password"
                                 toggleMask
                                 required
@@ -120,7 +121,6 @@ const submit = () => {
                                 v-model="formData.password_confirmation"
                                 :invalid="Boolean(validationErrors?.password_confirmation)"
                                 :feedback="false"
-                                autocomplete="confirm-password"
                                 inputId="password-confirmation"
                                 toggleMask
                                 required