Fix info

Author: dark-flames

src/components/Dialog/Dialog.vue

@@ -23,6 +23,12 @@
                             :fields="request.body"
                             v-model="responseData"/>
 
+                        <component
+                            v-for="(component, index) in request.body"
+                            v-else-if="request.type === 'component'"
+                            :key="`dialog-component-${index}`"
+                            :is="component"/>
+
                         <div class="mp-dialog-footer">
                             <div>
                                 <button
@@ -140,6 +146,8 @@ export default {
                 initialData[field.name] = field.default ? field.default : ''
             } else if (this.request.type === 'tab') {
                 initialData[field.name] = {}
+            } else if(this.request.type === 'component') {
+                initialData[field.name] = null
             }
         })
         return {

src/components/ToolBarBtns/btn-info.jsx

@@ -5,20 +5,19 @@ export default {
     action () {
         this.openDialog({
             title: '关于',
+            type: 'component',
             body: [{
-                component: {
-                    functional: true,
-                    render: (h, { injections: {t} }) =>
-                        <div style="text-align: center">
-                            <p>
-                                <strong>{ t('Markdown*Palettes') }</strong> { t('是一个开源的 Markdown 编辑器，面向现代化网络环境。') }
-                            </p>
-                            <p>
-                                <a href="https://github.com/luogu-dev/markdown-palettes" target="_blank">{ t('访问 GitHub 项目地址') }</a>
-                            </p>
-                        </div>,
-                    inject: ['t']
-                }
+                functional: true,
+                render: (h, { injections: {t} }) =>
+                    <div style="text-align: center">
+                        <p>
+                            <strong>{ t('Markdown*Palettes') }</strong> { t('是一个开源的 Markdown 编辑器，面向现代化网络环境。') }
+                        </p>
+                        <p>
+                            <a href="https://github.com/luogu-dev/markdown-palettes" target="_blank">{ t('访问 GitHub 项目地址') }</a>
+                        </p>
+                    </div>,
+                inject: ['t']
             }]
         })
     }