From 8878ebd0c6c0d12d36a458cdb6524cb624160c68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Sun, 19 Jun 2022 16:03:56 +0300
Subject: [PATCH] development section is added

---
 src/DevelopmentSection.vue | 19 +++++++++++++++++++
 src/main.js                |  2 ++
 2 files changed, 21 insertions(+)
 create mode 100644 src/DevelopmentSection.vue

diff --git a/src/DevelopmentSection.vue b/src/DevelopmentSection.vue
new file mode 100644
index 000000000..69af58c8b
--- /dev/null
+++ b/src/DevelopmentSection.vue
@@ -0,0 +1,19 @@
+<template>
+    <div>
+        <slot v-if="isProduction" />
+        <p v-else>This section is under development. After the necessary tests and improvements are made, it will be shared with the users as soon as possible.</p>
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                isProduction: null
+            }
+        },
+        mounted() {
+            this.isProduction = process.env.NODE_ENV === 'development';
+        }
+    }
+</script>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index fbfcb753a..c9fc17dd4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -106,6 +106,7 @@ import AppInputStyleSwitch from './AppInputStyleSwitch';
 import AppDemoActions from './AppDemoActions';
 import AppDocumentation from './AppDocumentation';
 import CodeHighlight from './AppCodeHighlight';
+import DevelopmentSection from './DevelopmentSection';
 
 import EventBus from '@/AppEventBus';
 
@@ -233,6 +234,7 @@ app.component('VirtualScroller', VirtualScroller);
 app.component('AppDemoActions', AppDemoActions);
 app.component('AppInputStyleSwitch', AppInputStyleSwitch);
 app.component('AppDoc', AppDocumentation);
+app.component('DevelopmentSection', DevelopmentSection);
 app.directive('code', CodeHighlight);
 
 app.mount('#app');