45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
|
import { onMounted, onUnmounted, ref } from 'vue';
|
||
|
|
import { isBrowser } from "../env/is-browser.mjs";
|
||
|
|
export const useBrowserLocation = (customWindow = isBrowser ? window : null) => {
|
||
|
|
const getWindowLocation = () => {
|
||
|
|
const {
|
||
|
|
hash,
|
||
|
|
host,
|
||
|
|
hostname,
|
||
|
|
href,
|
||
|
|
origin,
|
||
|
|
pathname,
|
||
|
|
port,
|
||
|
|
protocol,
|
||
|
|
search
|
||
|
|
} = (customWindow === null || customWindow === void 0 ? void 0 : customWindow.location) || {};
|
||
|
|
return {
|
||
|
|
hash,
|
||
|
|
host,
|
||
|
|
hostname,
|
||
|
|
href,
|
||
|
|
origin,
|
||
|
|
pathname,
|
||
|
|
port,
|
||
|
|
protocol,
|
||
|
|
search
|
||
|
|
};
|
||
|
|
};
|
||
|
|
const updateLocation = () => {
|
||
|
|
locationState.value = getWindowLocation();
|
||
|
|
};
|
||
|
|
const locationState = ref(getWindowLocation());
|
||
|
|
onMounted(() => {
|
||
|
|
if (customWindow) {
|
||
|
|
customWindow.addEventListener('popstate', updateLocation);
|
||
|
|
customWindow.addEventListener('hashchange', updateLocation);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
onUnmounted(() => {
|
||
|
|
if (customWindow) {
|
||
|
|
customWindow.removeEventListener('popstate', updateLocation);
|
||
|
|
customWindow.removeEventListener('hashchange', updateLocation);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return locationState;
|
||
|
|
};
|