feat: update Nuxt configuration and enhance pan component functionality

Author: rick-hup

docs/components/demo/pan/index.vue

@@ -8,6 +8,7 @@ function template({ rotateY, rotateX }: TransformProperties) {
 
 const controls = useAnimationControls()
 function handlePan(_: PointerEvent, info: PanInfo) {
+  _.preventDefault()
   controls.set({
     rotateY: info.offset.x / 2,
     rotateX: -info.offset.y / 2,
@@ -23,7 +24,7 @@ function handlePanEnd() {
 </script>
 
 <template>
-  <div class="flex flex-col items-center justify-center h-screen">
+  <div class="flex flex-col items-center justify-center ">
     <Motion
       class="card"
       :transform-template="template"

docs/components/layout/Aside.vue

@@ -1,24 +1,8 @@
 <script setup lang="ts">
 const props = defineProps<{ isMobile: boolean }>()
 defineEmits(['close'])
-const { navDirFromPath } = useContentHelpers()
 const { navigation } = useContent()
 const config = useConfig()
-const tree = computed(() => {
-  const route = useRoute()
-  const path = route.path.split('/')
-  if (config.value?.aside.useLevel) {
-    const leveledPath = path.splice(0, 2).join('/')
-
-    const dir = navDirFromPath(leveledPath, navigation.value)
-    return dir ?? []
-  }
-
-  return navigation.value
-})
-onMounted(() => {
-  console.log(tree.value, navigation)
-})
 
 const path = computed(() => useRoute().path)
 </script>

docs/nuxt.config.ts

@@ -16,6 +16,7 @@ export default defineNuxtConfig({
   experimental: {
     payloadExtraction: false,
   },
+
   compatibilityDate: '2024-12-16',
   devtools: { enabled: true },
   vite: {