feat: add useRequestURL to match upstream (#1110)

packages/bridge/src/imports/presets.ts

@@ -48,6 +48,10 @@ const granularAppPresets: InlinePreset[] = [
     imports: ['useRequestHeaders', 'useRequestEvent'],
     from: '#app/composables/ssr'
   },
+  {
+    imports: ['useRequestURL'],
+    from: '#app/composables/url'
+  },
   {
     imports: ['useAsyncData', 'useFetch', 'useHydration'],
     from: '#app/mocks'

packages/bridge/src/runtime/composables/url.ts

@@ -0,0 +1,9 @@
+import { getRequestURL } from 'h3'
+import { useRequestEvent } from './ssr'
+
+export function useRequestURL () {
+  if (process.server) {
+    return getRequestURL(useRequestEvent()!)
+  }
+  return new URL(window.location.href)
+}

playground/pages/url.vue

@@ -0,0 +1,9 @@
+<script setup>
+const url = useRequestURL()
+</script>
+
+<template>
+  <div>
+    <div>path: {{ url.pathname }}</div>
+  </div>
+</template>

test/bridge.test.ts

@@ -17,6 +17,10 @@ await setup({
 })
 
 describe('nuxt composables', () => {
+  it('has useRequestURL()', async () => {
+    const html = await $fetch('/url')
+    expect(html).toContain('path: /url')
+  })
   it('sets cookies correctly', async () => {
     const res = await fetch('/cookies', {
       headers: {