Current: {{ breakpoint }}
\n \n \n \n\n```\n\n### Pinia Store\n\n```ts\nimport { useVueportStore } from '@damien_ingrand/vueport/pinia'\n\nconst vueport = useVueportStore()\nvueport.init()\n\n// Reactive in templates and computed\nvueport.breakpoint // 'lg'\nvueport.is('>=md') // true\nvueport.isMobile // false\n```\n\n### Vanilla JS\n\n```ts\nimport { createVueport } from '@damien_ingrand/vueport/core'\n\nconst vueport = createVueport()\n\nvueport.current // 'lg'\nvueport.is('>=md') // true\nvueport.isMobile // true\n\nvueport.onChange((current, previous) => {\n console.log(`${previous} → ${current}`)\n})\n```\n\n## Expression Syntax\n\nThe `is()` method accepts an intuitive expression syntax:\n\n| Expression | Meaning |\n|---|---|\n| `'md'` or `'==md'` | Exactly md |\n| `'>sm'` | Greater than sm |\n| `'