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 100%
rename from app/javascript/packs/config_field.js
rename to app/javascript/packs/components/config_field.js
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 100%
rename from app/javascript/packs/parser_plugin_form.js
rename to app/javascript/packs/components/parser_plugin_form.js
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 3c9fb14..57b7969 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 07771d4..62b524b 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 b520f76..a2a0cb3 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 fda0e9e..42f873c 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 65333c8..c2384d1 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 808cc37..f296b48 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({