autosize

package.json

@@ -8,6 +8,7 @@
     "devDependencies": {
         "@popperjs/core": "^2.11.8",
         "@tailwindcss/forms": "^0.5.7",
+        "@types/autosize": "^4.0.3",
         "alpinejs": "^3.13.7",
         "autoprefixer": "^10.4.18",
         "bootstrap": "^5.3.3",

pnpm-lock.yaml

@@ -22,6 +22,9 @@ devDependencies:
   '@tailwindcss/forms':
     specifier: ^0.5.7
     version: 0.5.7(tailwindcss@3.4.1)
+  '@types/autosize':
+    specifier: ^4.0.3
+    version: 4.0.3
   alpinejs:
     specifier: ^3.13.7
     version: 3.13.7
@@ -451,6 +454,10 @@ packages:
       tailwindcss: 3.4.1
     dev: true
 
+  /@types/autosize@4.0.3:
+    resolution: {integrity: sha512-o0ZyU3ePp3+KRbhHsY4ogjc+ZQWgVN5h6j8BHW5RII4cFKi6PEKK9QPAcphJVkD0dGpyFnD3VRR0WMvHVjCv9w==}
+    dev: true
+
   /@types/estree@1.0.5:
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
     dev: true

resources/js/app.js

@@ -27,3 +27,6 @@ if (jQuery('#new_comment').length > 0) {
 if (jQuery('#comments').length > 0) {
     jQuery('#comments').load(jQuery('#comments').data('url'));
 }
+if (jQuery('#input-content').length > 0) {
+    autosize(jQuery('#input-content'));
+}