{"id":13506674,"url":"https://github.com/fukuiretu/nuxt-user-agent","last_synced_at":"2025-10-07T01:31:16.113Z","repository":{"id":48020681,"uuid":"129422437","full_name":"fukuiretu/nuxt-user-agent","owner":"fukuiretu","description":"Nuxt.js module for handling User-Agent.","archived":true,"fork":false,"pushed_at":"2022-12-03T03:17:45.000Z","size":240,"stargazers_count":124,"open_issues_count":9,"forks_count":14,"subscribers_count":2,"default_branch":"develop","last_synced_at":"2025-01-14T02:58:01.847Z","etag":null,"topics":["js","nuxt","nuxt-module","nuxtjs"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fukuiretu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-13T15:41:10.000Z","updated_at":"2024-05-28T19:06:04.000Z","dependencies_parsed_at":"2023-01-22T14:50:11.597Z","dependency_job_id":null,"html_url":"https://github.com/fukuiretu/nuxt-user-agent","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fukuiretu%2Fnuxt-user-agent","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fukuiretu%2Fnuxt-user-agent/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fukuiretu%2Fnuxt-user-agent/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fukuiretu%2Fnuxt-user-agent/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fukuiretu","download_url":"https://codeload.github.com/fukuiretu/nuxt-user-agent/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235575693,"owners_count":19012156,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["js","nuxt","nuxt-module","nuxtjs"],"created_at":"2024-08-01T01:00:55.311Z","updated_at":"2025-10-07T01:31:10.740Z","avatar_url":"https://github.com/fukuiretu.png","language":"TypeScript","funding_links":[],"categories":["Uncategorized","TypeScript"],"sub_categories":["Uncategorized"],"readme":"# nuxt-user-agent\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://camo.qiitausercontent.com/d50f55237fc27bec84cbd86060cb9be1391cee78/687474703a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c6174\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\n    \u003cimg src=\"https://camo.qiitausercontent.com/d50f55237fc27bec84cbd86060cb9be1391cee78/687474703a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c6174\" alt=\"MIT License\" data-canonical-src=\"http://img.shields.io/badge/license-MIT-blue.svg?style=flat\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://badge.fury.io/js/nuxt-user-agent\"\u003e\n    \u003cimg src=\"https://badge.fury.io/js/nuxt-user-agent.svg\" alt=\"npm version\" height=\"18\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://david-dm.org/fukuiretu/nuxt-user-agent\"\u003e\n    \u003cimg alt=\"\" src=\"https://david-dm.org/fukuiretu/nuxt-user-agent/status.svg?style=flat-square\"\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://codeclimate.com/github/fukuiretu/nuxt-user-agent/maintainability\"\u003e\n    \u003cimg src=\"https://api.codeclimate.com/v1/badges/bad8abe1f1ba5f3c2723/maintainability\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://codeclimate.com/github/fukuiretu/nuxt-user-agent/test_coverage\"\u003e\n    \u003cimg src=\"https://api.codeclimate.com/v1/badges/bad8abe1f1ba5f3c2723/test_coverage\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n[Nuxt.js](https://nuxtjs.org/) module for handling User-Agent.\n\nInspired by [rack-user-agent](https://github.com/k0kubun/rack-user_agent) and, Thanks to [woothee](http://woothee.github.io/) :pray:\n\n## Setup\n\nInstall with yarn:\n\n`yarn add nuxt-user-agent`\n\nInstall with npm:\n\n`npm install nuxt-user-agent`\n\nnuxt.config.js\n\n```js\nmodule.exports = {\n  modules: [\n    'nuxt-user-agent',\n  ]\n}\n```\n\n## Usage\n\n### Component\n\n##### asyncData\n\n```js\nasyncData(context) {\n  const deviceType = context.$ua.deviceType()\n  return { deviceType }\n}\n```\n\n##### methods/created/mounted/etc\n\n```js\nmethods: {\n  something() {\n    const deviceType = this.$ua.deviceType()\n    this.deviceType = deviceType\n  }\n}\n```\n\n##### Store actions\n\n```js\n// In store\n{\n  actions: {\n    getDeviceType ({ commit }) {\n      const deviceType = this.$ua.deviceType()\n      commit('SET_DEVICE_TYPE', deviceType)\n    }\n  }\n}\n```\n\n##### template\n\n```vue\n\u003ctemplate\u003e\n  \u003csection\u003e\n    \u003cdiv v-if=\"$ua.isFromPc()\"\u003e\n      \u003cspan\u003ePC\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv v-if=\"$ua.isFromSmartphone()\"\u003e\n      \u003cspan\u003eSmartphone\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv v-if=\"$ua.isFromMobilephone()\"\u003e\n      \u003cspan\u003eMobilephone\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv v-if=\"$ua.isFromTablet()\"\u003e\n      \u003cspan\u003eTablet\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv v-if=\"$ua.isFromAppliance()\"\u003e\n      \u003cspan\u003eAppliance\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv v-if=\"$ua.isFromCrawler()\"\u003e\n      \u003cspan\u003eCrawler\u003c/span\u003e\n    \u003c/div\u003e\n  \u003c/section\u003e\n\u003c/template\u003e\n```\n\n## Methods\n\n|       method        |  type   |    example    |\n| :-----------------: | :-----: | :-----------: |\n|     deviceType      | string  |      pc       |\n|         os          | string  |    Mac OSX    |\n|      osVersion      | string  |    10.12.6    |\n|       browser       | string  |    Chrome     |\n|   browserVersion    | string  | 65.0.3325.181 |\n|    browserVendor    | string  |    Google     |\n|    isFromIphone     | boolean |     true      |\n|     isFromIpad      | boolean |     true      |\n|     isFromIpod      | boolean |     true      |\n|      isFromIos      | boolean |     true      |\n| isFromAndroidMobile | boolean |     true      |\n| isFromAndroidTablet | boolean |     true      |\n|   isFromAndroidOs   | boolean |     true      |\n| isFromWindowsPhone  | boolean |     true      |\n|      isFromPc       | boolean |     true      |\n|  isFromSmartphone   | boolean |     true      |\n|  isFromMobilephone  | boolean |     true      |\n|   isFromAppliance   | boolean |     true      |\n|    isFromCrawler    | boolean |     true      |\n|    isFromTablet     | boolean |     true      |\n\n\n## TODO\n- [ ] unit test\n\n\n## License\nThe npm is available as open source under the terms of the [MIT License.](https://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffukuiretu%2Fnuxt-user-agent","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffukuiretu%2Fnuxt-user-agent","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffukuiretu%2Fnuxt-user-agent/lists"}