Feature: 创建项目 & 导航栏动画 & i18n国际化支持

src/layouts/README.md

@@ -0,0 +1,5 @@
+# Layouts
+
+Layouts are reusable components that wrap around pages. They are used to provide a consistent look and feel across multiple pages.
+
+Full documentation for this feature can be found in the Official [vite-plugin-vue-layouts-next](https://github.com/loicduong/vite-plugin-vue-layouts-next) repository.

src/layouts/baseline.vue

@@ -0,0 +1,33 @@
+<template>
+  <VApp id="inspire">
+    <VNavigationDrawer v-model="drawer">
+      <!-- -->
+    </VNavigationDrawer>
+
+    <VAppBar>
+      <VAppBarNavIcon @click="drawer = !drawer" />
+      <VToolbarTitle>Baseline Layout</VToolbarTitle>
+    </VAppBar>
+
+    <VMain>
+      <!-- -->
+    </VMain>
+  </VApp>
+</template>
+<script lang="ts" setup>
+  import { ref } from 'vue'
+
+  const drawer = ref(null)
+
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'BaselineLayout',
+    data () {
+      return {
+        drawer: null,
+      }
+    },
+  }
+</script>

src/layouts/default.vue

@@ -0,0 +1,11 @@
+<template>
+  <v-main>
+    <router-view />
+  </v-main>
+
+  <AppFooter />
+</template>
+
+<script lang="ts" setup>
+  //
+</script>