diff --git a/app/javascript/packs/aws_credential.js b/app/javascript/packs/components/aws_credential.js
similarity index 100%
rename from app/javascript/packs/aws_credential.js
rename to app/javascript/packs/components/aws_credential.js
diff --git a/app/javascript/packs/config_field.js b/app/javascript/packs/components/config_field.js
similarity index 99%
rename from app/javascript/packs/config_field.js
rename to app/javascript/packs/components/config_field.js
index 78bc81e1e..6e7fb983e 100644
--- a/app/javascript/packs/config_field.js
+++ b/app/javascript/packs/components/config_field.js
@@ -1,7 +1,7 @@
 /* global _ */
 "use strict";
 import "lodash/lodash";
-import store from "./store";
+import store from "../store";
 
 const ConfigField = {
   template: "#vue-config-field",
diff --git a/app/javascript/packs/grep_container.js b/app/javascript/packs/components/grep_container.js
similarity index 100%
rename from app/javascript/packs/grep_container.js
rename to app/javascript/packs/components/grep_container.js
diff --git a/app/javascript/packs/grep_pattern.js b/app/javascript/packs/components/grep_pattern.js
similarity index 100%
rename from app/javascript/packs/grep_pattern.js
rename to app/javascript/packs/components/grep_pattern.js
diff --git a/app/javascript/packs/owned_plugin_form.js b/app/javascript/packs/components/owned_plugin_form.js
similarity index 100%
rename from app/javascript/packs/owned_plugin_form.js
rename to app/javascript/packs/components/owned_plugin_form.js
diff --git a/app/javascript/packs/parser_multiline_form.js b/app/javascript/packs/components/parser_multiline_form.js
similarity index 100%
rename from app/javascript/packs/parser_multiline_form.js
rename to app/javascript/packs/components/parser_multiline_form.js
diff --git a/app/javascript/packs/parser_plugin_form.js b/app/javascript/packs/components/parser_plugin_form.js
similarity index 99%
rename from app/javascript/packs/parser_plugin_form.js
rename to app/javascript/packs/components/parser_plugin_form.js
index fa2250c9d..de2c5b66f 100644
--- a/app/javascript/packs/parser_plugin_form.js
+++ b/app/javascript/packs/components/parser_plugin_form.js
@@ -4,7 +4,7 @@
 import "lodash/lodash";
 import ParserMultilineForm from "./parser_multiline_form";
 import ConfigField from "./config_field";
-import store from "./store";
+import store from "../store";
 
 const ParserPluginForm = {
   template: "#vue-parser-plugin-form",
diff --git a/app/javascript/packs/transport_config.js b/app/javascript/packs/components/transport_config.js
similarity index 100%
rename from app/javascript/packs/transport_config.js
rename to app/javascript/packs/components/transport_config.js
diff --git a/app/javascript/packs/filter_grep_setting.js b/app/javascript/packs/filter_grep_setting.js
index 3c9fb14c4..57b7969c8 100644
--- a/app/javascript/packs/filter_grep_setting.js
+++ b/app/javascript/packs/filter_grep_setting.js
@@ -2,7 +2,7 @@
 "use strict";
 import "lodash/lodash";
 
-import GrepContainer from "./grep_container";
+import GrepContainer from "./components/grep_container";
 
 window.addEventListener("load", () => {
   new Vue({
diff --git a/app/javascript/packs/in_tail_parse.js b/app/javascript/packs/in_tail_parse.js
index 07771d434..62b524b58 100644
--- a/app/javascript/packs/in_tail_parse.js
+++ b/app/javascript/packs/in_tail_parse.js
@@ -3,7 +3,7 @@
 import "lodash/lodash";
 import "popper.js/dist/popper";
 import "bootstrap/dist/js/bootstrap";
-import ParserPluginForm from "./parser_plugin_form";
+import ParserPluginForm from "./components/parser_plugin_form";
 import store from "./store";
 
 window.addEventListener("load", () => {
diff --git a/app/javascript/packs/out_forward_setting.js b/app/javascript/packs/out_forward_setting.js
index b520f766b..a2a0cb3c6 100644
--- a/app/javascript/packs/out_forward_setting.js
+++ b/app/javascript/packs/out_forward_setting.js
@@ -1,7 +1,7 @@
 "use strict";
 
-import TransportConfig from "./transport_config";
-import OwnedPluginForm from "./owned_plugin_form";
+import TransportConfig from "./components/transport_config";
+import OwnedPluginForm from "./components/owned_plugin_form";
 
 window.addEventListener("load", () => {
   new Vue({
diff --git a/app/javascript/packs/out_s3_setting.js b/app/javascript/packs/out_s3_setting.js
index fda0e9ecb..42f873cbb 100644
--- a/app/javascript/packs/out_s3_setting.js
+++ b/app/javascript/packs/out_s3_setting.js
@@ -1,7 +1,7 @@
 "use strict";
 
-import OwnedPluginForm from "./owned_plugin_form";
-import AwsCredential from "./aws_credential";
+import OwnedPluginForm from "./components/owned_plugin_form";
+import AwsCredential from "./components/aws_credential";
 
 window.addEventListener("load", () => {
   new Vue({
diff --git a/app/javascript/packs/plugin_setting.js b/app/javascript/packs/plugin_setting.js
index 65333c8ce..c2384d141 100644
--- a/app/javascript/packs/plugin_setting.js
+++ b/app/javascript/packs/plugin_setting.js
@@ -2,8 +2,8 @@
 import "lodash/lodash";
 import "popper.js/dist/popper";
 import "bootstrap/dist/js/bootstrap";
-import OwnedPluginForm from "./owned_plugin_form";
-import ParserPluginForm from "./parser_plugin_form";
+import OwnedPluginForm from "./components/owned_plugin_form";
+import ParserPluginForm from "./components/parser_plugin_form";
 
 window.addEventListener("load", () => {
   new Vue({
diff --git a/app/javascript/packs/transport_section.js b/app/javascript/packs/transport_section.js
index 808cc37e0..f296b488e 100644
--- a/app/javascript/packs/transport_section.js
+++ b/app/javascript/packs/transport_section.js
@@ -2,7 +2,7 @@
 "use strict";
 import "lodash/lodash";
 
-import ConfigField from "./config_field";
+import ConfigField from "./components/config_field";
 
 window.addEventListener("load", () => {
   new Vue({