{"id":17148754,"url":"https://github.com/oxoyo/x-browser-update-vue","last_synced_at":"2025-04-13T10:31:14.353Z","repository":{"id":22493338,"uuid":"96409593","full_name":"OXOYO/X-Browser-Update-Vue","owner":"OXOYO","description":"A Vue.js browser-update plugin","archived":false,"fork":false,"pushed_at":"2022-12-07T00:41:54.000Z","size":88,"stargazers_count":25,"open_issues_count":3,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-14T06:55:11.798Z","etag":null,"topics":["browser-update","browser-update-vue","vue","vue-plugin"],"latest_commit_sha":null,"homepage":"http://oxoyo.co/X-Browser-Update-Vue/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/OXOYO.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-07-06T08:54:50.000Z","updated_at":"2022-01-19T02:58:13.000Z","dependencies_parsed_at":"2023-01-13T22:01:59.248Z","dependency_job_id":null,"html_url":"https://github.com/OXOYO/X-Browser-Update-Vue","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OXOYO%2FX-Browser-Update-Vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OXOYO%2FX-Browser-Update-Vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OXOYO%2FX-Browser-Update-Vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OXOYO%2FX-Browser-Update-Vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OXOYO","download_url":"https://codeload.github.com/OXOYO/X-Browser-Update-Vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248698832,"owners_count":21147537,"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":["browser-update","browser-update-vue","vue","vue-plugin"],"created_at":"2024-10-14T21:29:44.539Z","updated_at":"2025-04-13T10:31:14.103Z","avatar_url":"https://github.com/OXOYO.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# x-browser-update\n\n[![Version](https://img.shields.io/npm/v/x-browser-update.svg)](https://www.npmjs.com/package/x-browser-update)\n[![License](https://img.shields.io/npm/l/x-browser-update.svg)](https://www.npmjs.com/package/x-browser-update)\n[![NPM downloads](http://img.shields.io/npm/dm/x-browser-update.svg)](https://npmjs.org/package/x-browser-update)\n[![Downloads](https://img.shields.io/npm/dt/x-browser-update.svg)](https://www.npmjs.com/package/x-browser-update)\n![JS gzip size](http://img.badgesize.io/https://unpkg.com/x-browser-update/dist/XBrowserUpdate.js?compression=gzip\u0026label=gzip%20size:%20JS)\n\n\u003e A Vue.js browser-update plugin.\n\n## Example\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n```\n\n## Usage\n\n``` bash\n## Packages install\nnpm install x-browser-update --save\n\n## main.js\nimport XBrowserUpdate from 'x-browser-update'\n\nVue.use(XBrowserUpdate)\n\n## App.vue\n\u003cstyle lang=\"less\"\u003e\n  html {\n    height: 100%;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n  }\n  body {\n    height: 100%;\n    width: 100%;\n    font-family: \"Helvetica Neue\",Helvetica,\"PingFang SC\",\"Hiragino Sans GB\",\"Microsoft YaHei\",\"微软雅黑\",Arial,sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    padding: 0;\n    margin: 0;\n  }\n  .layout {\n    background: #383838;\n  }\n\u003c/style\u003e\n\n\u003ctemplate\u003e\n  \u003cdiv id=\"app\" class=\"layout\"\u003e\n    \u003cx-browser-update :config=\"browserUpdateConfig\"\u003e\u003c/x-browser-update\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  export default {\n    name: 'app',\n    data () {\n      return {\n        browserUpdateConfig: {\n          vs: {\n            i: 11,\n            f: -4,\n            o: -4,\n            s: 9,\n            c: 40\n          },\n          // Specifies browser versions to notify. Negative numbers specify how much versions behind current version to notify.\n          // f:22 ---\u003e Firefox \u003c= 22\n          // c:-5 ---\u003e Chrome \u003c= 35 if current Chrome version is 40.\n          reminder: 1,\n          // after how many hours should the message reappear\n          // 0 = show all the time\n          reminderClosed: 150,\n          // if the user explicitly closes message it reappears after x hours\n          onshow: function (infos) {},\n          onclick: function (infos) {},\n          onclose: function (infos) {},\n          // callback functions after notification has appeared / was clicked / closed\n          l: false,\n          // set a fixed language for the message, e.g. \"en\". This overrides the default detection.\n          test: true,\n          // true = always show the bar (for testing)\n          text: '',\n          // custom notification text (html)\n          // Placeholders {brow_name} will be replaced with the browser name, {up_but} with contents of the update link tag and {ignore_but} with contents for the ignore link.\n          // Example: Your browser, {brow_name}, is too old: \u003ca{up_but}\u003eupdate\u003c/a\u003e or \u003ca{ignore_but}\u003eignore\u003c/a\u003e.\n          text_xx: '',\n          // custom notification text for language \"xx\"\n          // e.g. text_de for german and text_it for italian\n          newwindow: true,\n          // open link in new window/tab\n          url: null,\n          // the url to go to after clicking the notification\n          noclose: false,\n          // Do not show the \"ignore\" button to close the notification\n          nomessage: false,\n          // Do not show a message if the browser is out of date, just call the onshow callback function\n          jsshowurl: '//browser-update.org/update.show.min.js',\n          // URL where the script, that shows the notification, is located. This is only loaded if the user actually has an outdated browser.\n          container: document.body,\n          // Element where the notification will be injected.\n          api: 4\n          // This is the version of the browser-update api to use. Please do not remove.\n        }\n      }\n    }\n  }\n\u003c/script\u003e\n```\n\n## Preview\n![X-Browser-Update](https://raw.githubusercontent.com/OXOYO/X-Browser-Update-Vue/master/docs/images/img_001.png \"X-Browser-Update\")\n\n\n## Links\n- [browser-update](https://github.com/browser-update/browser-update)\n- [vue](https://github.com/vuejs/vue)\n\n\n## License\n[MIT](http://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foxoyo%2Fx-browser-update-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foxoyo%2Fx-browser-update-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foxoyo%2Fx-browser-update-vue/lists"}