doc

package.json

@@ -1,6 +1,6 @@
 {
   "name": "evolution-manager",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "main": "dist",
   "engines": {
     "node": ">=16.0.0"

src/components/instance/settings/Chatwoot.vue

@@ -136,7 +136,7 @@
         </div>
       </v-form>
     </v-card-text>
-    <v-card-actions v-if="expanded">
+    <v-card-actions v-if="expanded" class="d-flex flex-wrap gap-x-1">
       <v-switch
         v-model="chatwootData.enabled"
         label="Habilitado"
@@ -144,7 +144,7 @@
         :disabled="loading"
         hide-details
       ></v-switch>
-      <v-btn variant="text" @click="chatwootConfig">
+      <v-btn variant="text" @click="chatwootConfig" size="small">
         Como configurar o chatwoot?
       </v-btn>
       <v-spacer></v-spacer>

src/store/doc.js

@@ -27,7 +27,6 @@ export const useDocStore = defineStore('doc', {
     },
     async loadDoc(path) {
       try {
-        debugger;
         const { language } = this;
         const doc = this.docs[path]
         const content = await doc[language]();

src/views/Doc.vue

@@ -18,12 +18,15 @@
 import { VMarkdownView } from "vue3-markdown";
 import "vue3-markdown/dist/style.css";
 import { useDocStore } from "@/store/doc";
+import { useTheme } from "vuetify";
+
 export default {
   components: {
     VMarkdownView,
   },
   data: () => ({
     drawer: false,
+    theme: useTheme(),
     lang_list: [
       { title: "Português", value: "pt_br" },
       { title: "English", value: "en" },
@@ -38,7 +41,6 @@ export default {
       try {
         this.loading = true;
         this.error = false;
-        debugger;
         const { content } = await this.DocStore.loadDoc(doc || "index");
         this.content = content;
       } catch (e) {
@@ -68,8 +70,14 @@ export default {
     },
   },
   mounted() {
-    debugger;
     this.loadDoc(this.$route.params.doc);
   },
 };
 </script>
+
+<style>
+.markdown-body[data-theme=dark] {
+  background-color: #121212 !important;
+  color: #fff !important;
+}
+</style>