feat: initialize project with event order form

This commit establishes the initial structure of the Nuxt application, centered around a new event order form.

Key changes include:
- Setting up the main app layout with a header, footer, and color mode support using @nuxt/ui.
- Creating a multi-part event order form on the index page.
- Introducing a `useEventOrder` composable to manage form state and validation with Zod.
- Adding modular form components under `app/components/eventOrder`.
- Including project configuration files for pnpm, VSCode, and global CSS.

app/components/eventOrder/ProductSponsor.vue

@@ -0,0 +1,25 @@
+<template>
+  <UCard>
+    <template #header>
+      <h2 class="text-xl font-bold">{{ secIdx }}. 赞助商名册</h2>
+      <p class="text-muted text-sm">
+        附送一个<strong>基础款</strong>手机端电子征信录，可定制（另计）
+      </p>
+    </template>
+
+    <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 items-center">
+      <UCheckbox
+        v-model="orderState.sponsorListDesign"
+        label="订阅服务"
+      />
+    </div>
+  </UCard>
+</template>
+
+<script lang="ts" setup>
+const { sectionIndex, orderState } = useEventOrder();
+
+const secIdx = ref(++sectionIndex.value);
+</script>
+
+<style></style>