user-agent detection is employed to ensure that the SSR renders the nav items by default for desktop (opposite for mobile). CSS media queries take over after the content loads on the device. TODO: fix preview pane jump on desktop
13 lines
264 B
TypeScript
13 lines
264 B
TypeScript
import { UAParser } from 'ua-parser-js';
|
|
|
|
export async function load({ request }) {
|
|
const ua = request.headers.get('user-agent');
|
|
|
|
if (!ua) {
|
|
return { mobile: true };
|
|
}
|
|
|
|
const { device } = UAParser(ua);
|
|
return { mobile: device.type === 'mobile' };
|
|
}
|