<template> <pre>{{ userAgent }}</pre> </template> <script> export default { middleware: 'user-agent', asyncData ({ userAgent }) { return { userAgent } } } </script>