renderer: implements of default layout structure

src/renderer/components/layout/DefaultLayout.vue

@@ -0,0 +1,14 @@
+<script setup>
+import HeaderLayout from './HeaderLayout'
+</script>
+
+<template>
+  <v-app>
+    <v-layout>
+      <HeaderLayout />
+      <v-main>
+        <slot />
+      </v-main>
+    </v-layout>
+  </v-app>
+</template>

src/renderer/components/layout/HeaderLayout.vue

@@ -0,0 +1,8 @@
+<template>
+  <v-app-bar
+    color="primary"
+    density="compact"
+  >
+    <v-app-bar-title>{{ $route.meta.title }}</v-app-bar-title>
+  </v-app-bar>
+</template>

src/renderer/components/layout/index.js

@@ -0,0 +1,7 @@
+import DefaultLayout from './DefaultLayout.vue'
+import HeaderLayout from './HeaderLayout.vue'
+
+export {
+  DefaultLayout,
+  HeaderLayout
+}