diff --git a/src/renderer/App.svelte b/src/renderer/App.svelte
index abe2f33..5460dff 100644
--- a/src/renderer/App.svelte
+++ b/src/renderer/App.svelte
@@ -1,41 +1,61 @@
- Hello World
- { text }
-
+
+
+
Hello World
+
{ text }
+
+
+ right side
+
diff --git a/src/renderer/components/1-atoms/Button.svelte b/src/renderer/components/1-atoms/Button.svelte
index 3057a5a..94badb0 100644
--- a/src/renderer/components/1-atoms/Button.svelte
+++ b/src/renderer/components/1-atoms/Button.svelte
@@ -3,13 +3,13 @@
diff --git a/src/renderer/components/2-molecules/Divide.svelte b/src/renderer/components/2-molecules/Divide.svelte
new file mode 100644
index 0000000..5d64f9f
--- /dev/null
+++ b/src/renderer/components/2-molecules/Divide.svelte
@@ -0,0 +1,125 @@
+
+
+
+
+
diff --git a/webpack.config.js b/webpack.config.js
index 6182455..5441138 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -32,6 +32,7 @@ module.exports = {
extensions: ['.js', '.ts'],
alias: {
atoms: path.resolve(__dirname, 'src/renderer/components/1-atoms'),
+ molecules: path.resolve(__dirname, 'src/renderer/components/2-molecules'),
services: path.resolve(__dirname, 'src/renderer/services'),
},
},