chore(docs): simplify components

- remove lang="ts"
- remove defineComponent

Author: MichaelGitArt

docs/src/.vitepress/components/Base/BaseBtn.vue

@@ -7,12 +7,10 @@
   </button>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
+<script>
+export default {
   name: 'Btn',
-})
+}
 </script>
 
 <style lang="scss" scoped>

docs/src/.vitepress/components/Dialogs/Guide/BaseDialog.vue

@@ -10,12 +10,11 @@
   </BtnWrapper>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
+<script>
 import { GDialog } from 'gitart-vue-dialog'
 import 'gitart-vue-dialog/dist/style.css'
 
-export default defineComponent({
+export default {
   name: 'BaseDialog',
   components: {
     GDialog,
@@ -30,5 +29,5 @@ export default defineComponent({
       this.dialogState = true
     },
   },
-})
+}
 </script>

docs/src/.vitepress/components/Dialogs/Guide/BaseStyledDialog.vue

@@ -12,12 +12,11 @@
   </BtnWrapper>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
+<script>
 import { GDialog } from 'gitart-vue-dialog'
 import 'gitart-vue-dialog/dist/style.css'
 
-export default defineComponent({
+export default {
   name: 'BaseDialog',
   components: {
     GDialog,
@@ -32,7 +31,7 @@ export default defineComponent({
       this.dialogState = true
     },
   },
-})
+}
 </script>
 
 <style lang="scss" scoped>

docs/src/.vitepress/components/Layout/BtnWrapper.vue

@@ -5,18 +5,15 @@
 </template>
 
 <script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
+export default {
   name: 'BtnWrapper',
-})
+}
 </script>
 
 <style lang="scss" scoped>
 .btn-wrapper {
   padding: 30px;
   border-radius: 4px;
-  // background: rgb(221, 221, 221);
   display: flex;
   justify-content: center;
   background: #8f6cf92f;