f5792c40be
Pulled ALL skills from 15 source repositories: - anthropics/skills: 16 (docs, design, MCP, testing) - obra/superpowers: 14 (TDD, debugging, agents, planning) - coreyhaines31/marketingskills: 25 (marketing, CRO, SEO, growth) - better-auth/skills: 5 (auth patterns) - vercel-labs/agent-skills: 5 (React, design, Vercel) - antfu/skills: 16 (Vue, Vite, Vitest, pnpm, Turborepo) - Plus 13 individual skills from various repos Mosaic Stack is not limited to coding — the Orchestrator and subagents serve coding, business, design, marketing, writing, logistics, analysis, and more. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
84 lines
1.9 KiB
Markdown
84 lines
1.9 KiB
Markdown
---
|
|
category: Browser
|
|
---
|
|
|
|
# useBrowserLocation
|
|
|
|
Reactive browser location
|
|
|
|
> NOTE: If you're using Vue Router, use [`useRoute`](https://router.vuejs.org/guide/advanced/composition-api.html) provided by Vue Router instead.
|
|
|
|
## Usage
|
|
|
|
```ts
|
|
import { useBrowserLocation } from '@vueuse/core'
|
|
|
|
const location = useBrowserLocation()
|
|
```
|
|
|
|
## Component Usage
|
|
|
|
```vue
|
|
<UseBrowserLocation v-slot="location">
|
|
Browser Location: {{ location }}
|
|
</UseBrowserLocation>
|
|
```
|
|
|
|
## Type Declarations
|
|
|
|
```ts
|
|
export interface BrowserLocationState {
|
|
readonly trigger: string
|
|
readonly state?: any
|
|
readonly length?: number
|
|
readonly origin?: string
|
|
hash?: string
|
|
host?: string
|
|
hostname?: string
|
|
href?: string
|
|
pathname?: string
|
|
port?: string
|
|
protocol?: string
|
|
search?: string
|
|
}
|
|
/**
|
|
* Reactive browser location.
|
|
*
|
|
* @see https://vueuse.org/useBrowserLocation
|
|
*
|
|
* @__NO_SIDE_EFFECTS__
|
|
*/
|
|
export declare function useBrowserLocation(options?: ConfigurableWindow): Ref<
|
|
{
|
|
readonly trigger: string
|
|
readonly state?: any
|
|
readonly length?: number | undefined
|
|
readonly origin?: string | undefined
|
|
hash?: string | undefined
|
|
host?: string | undefined
|
|
hostname?: string | undefined
|
|
href?: string | undefined
|
|
pathname?: string | undefined
|
|
port?: string | undefined
|
|
protocol?: string | undefined
|
|
search?: string | undefined
|
|
},
|
|
| BrowserLocationState
|
|
| {
|
|
readonly trigger: string
|
|
readonly state?: any
|
|
readonly length?: number | undefined
|
|
readonly origin?: string | undefined
|
|
hash?: string | undefined
|
|
host?: string | undefined
|
|
hostname?: string | undefined
|
|
href?: string | undefined
|
|
pathname?: string | undefined
|
|
port?: string | undefined
|
|
protocol?: string | undefined
|
|
search?: string | undefined
|
|
}
|
|
>
|
|
export type UseBrowserLocationReturn = ReturnType<typeof useBrowserLocation>
|
|
```
|