Support definePage() outside of SFC

[posva]

Contribution welcome!

Discussed in #314

^{Originally posted by whoooami February 15, 2024}
i tried add it inside 1 or 2 position, but doesn't work.

import { defineComponent, ref } from 'vue'
import { useRoute } from 'vue-router'
import { definePage } from 'vue-router/auto'

export default defineComponent({
  setup() {
    // your setup code here

// 1 position.
//definePage({
//  name: 'index',
//  meta: {
//    layout: 'home'
//  }
//})

    const user = useUserStore()
    const name = ref(user.savedName)

    // eslint-disable-next-line unused-imports/no-unused-vars
    const route = useRoute()
    const router = useRouter()
    function go() {
      if (name.value)
        router.push(`/hi/${encodeURIComponent(name.value)}`)
    }

    const { t } = useI18n()
    return () => (
      <>
        <div>
          <div text-4xl>
            <div i-carbon-campsite inline-block />
          </div>
        </div>
      </>
    )
  },
})

// 2 position.
definePage({
  name: 'index',
  meta: {
    layout: 'home'
  }
})
```</div>

---