feat: Activestorage direct upload (#3768)

app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue

@@ -19,7 +19,8 @@
         :multiple="enableMultipleFileUpload"
         :drop="true"
         :drop-directory="false"
-        @input-file="onFileUpload"
+        :data="{ direct_upload_url: '/rails/active_storage/direct_uploads', direct_upload: true }"
+        @input-file="onDirectFileUpload"
       >
         <woot-button
           v-if="showAttachButton"
@@ -80,6 +81,7 @@
 
 <script>
 import FileUpload from 'vue-upload-component';
+import * as ActiveStorage from "activestorage";
 import {
   hasPressedAltAndWKey,
   hasPressedAltAndAKey,
@@ -109,7 +111,7 @@ export default {
       type: Boolean,
       default: false,
     },
-    onFileUpload: {
+    onDirectFileUpload: {
       type: Function,
       default: () => {},
     },
@@ -150,6 +152,9 @@ export default {
       default: true,
     },
   },
+  mounted() {
+    ActiveStorage.start();
+  },
   computed: {
     isNote() {
       return this.mode === REPLY_EDITOR_MODES.NOTE;