first commit

src/layouts/default/AppBar.vue

@@ -0,0 +1,40 @@
+<template>
+  <v-app-bar flat>
+    <v-app-bar-title>
+      <v-icon icon="mdi-whatsapp" left />
+      Evolution Manager
+    </v-app-bar-title>
+
+    <v-icon v-if="AppStore.validConnection" color="success">
+      mdi-check-circle
+    </v-icon>
+    <v-icon v-else color="error"> mdi-alert-circle </v-icon>
+    <v-btn @click="openSettings" icon>
+      <v-icon>mdi-cog</v-icon>
+    </v-btn>
+  </v-app-bar>
+  <SettingsModal ref="settings" />
+</template>
+
+<script>
+import SettingsModal from "@/components/modal/Settings.vue";
+import { useAppStore } from "@/store/app";
+
+export default {
+  name: "AppBar",
+  data: () => ({
+    AppStore: useAppStore(),
+  }),
+  components: {
+    SettingsModal,
+  },
+  methods: {
+    openSettings() {
+      this.$refs.settings.open();
+    },
+  },
+  mounted() {
+    if (!this.AppValidConnection) this.openSettings();
+  },
+};
+</script>

src/layouts/default/Default.vue

@@ -0,0 +1,12 @@
+<template>
+  <v-app>
+    <default-bar />
+
+    <default-view />
+  </v-app>
+</template>
+
+<script setup>
+  import DefaultBar from './AppBar.vue'
+  import DefaultView from './View.vue'
+</script>

src/layouts/default/View.vue

@@ -0,0 +1,11 @@
+<template>
+  <v-main>
+    <v-container>
+      <router-view />
+    </v-container>
+  </v-main>
+</template>
+
+<script setup>
+//
+</script>