{"id":15067473,"url":"https://github.com/lloydjatkinson/vue-numeral-filter","last_synced_at":"2025-10-05T05:30:27.375Z","repository":{"id":32634579,"uuid":"138362944","full_name":"lloydjatkinson/vue-numeral-filter","owner":"lloydjatkinson","description":"Vue.js filter for Numeral.js 🔢 🔣","archived":true,"fork":false,"pushed_at":"2023-04-12T16:45:53.000Z","size":1141,"stargazers_count":83,"open_issues_count":3,"forks_count":11,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-01-20T20:53:24.412Z","etag":null,"topics":["javascript","number-format","number-formating","numeraljs","vue","vue-component","vue-filters","vue-filters-number","vue-number-filter","vue-numeral","vue-numeric","vuejs","vuejs2"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/lloydjatkinson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"ko_fi":"lloyd"}},"created_at":"2018-06-23T01:49:29.000Z","updated_at":"2023-04-14T20:08:51.000Z","dependencies_parsed_at":"2024-01-02T23:38:27.560Z","dependency_job_id":"1f0d6b69-667f-4438-b838-0c3215cac2f9","html_url":"https://github.com/lloydjatkinson/vue-numeral-filter","commit_stats":{"total_commits":62,"total_committers":3,"mean_commits":"20.666666666666668","dds":0.467741935483871,"last_synced_commit":"c0586df832e73d0f159e081586714372271f4094"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lloydjatkinson%2Fvue-numeral-filter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lloydjatkinson%2Fvue-numeral-filter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lloydjatkinson%2Fvue-numeral-filter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lloydjatkinson%2Fvue-numeral-filter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lloydjatkinson","download_url":"https://codeload.github.com/lloydjatkinson/vue-numeral-filter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235365089,"owners_count":18978297,"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":["javascript","number-format","number-formating","numeraljs","vue","vue-component","vue-filters","vue-filters-number","vue-number-filter","vue-numeral","vue-numeric","vuejs","vuejs2"],"created_at":"2024-09-25T01:24:19.875Z","updated_at":"2025-10-05T05:30:22.023Z","avatar_url":"https://github.com/lloydjatkinson.png","language":"HTML","funding_links":["https://ko-fi.com/lloyd","https://ko-fi.com/K3K71ND3U"],"categories":["UI实用程序","Components \u0026 Libraries","UI Utilities","UI Utilities [🔝](#readme)"],"sub_categories":["过滤器","UI Utilities","Filters"],"readme":"\u003e **Warning**\n\u003e I no longer wish to work with Vue or maintain any Vue projects I have created due to growing frustration with the DX, the dev tooling situation, and it's community. Therefore this repository is unmaintained and archived.\n\n# vue-numeral-filter\n\n[![npm version](https://badge.fury.io/js/vue-numeral-filter.svg)](https://badge.fury.io/js/vue-numeral-filter)\n[![MadeWithVueJs.com shield](https://madewithvuejs.com/storage/repo-shields/838-shield.svg)](https://madewithvuejs.com/p/vue-js-filter-for-numeral-js/shield-link)\n[![](https://data.jsdelivr.com/v1/package/npm/vue-numeral-filter/badge)](https://www.jsdelivr.com/package/npm/vue-numeral-filter)\n[![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)\n[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)\n\n\nVue.js filter for Numeral.js\n\nAllows for [Numeral.js](http://numeraljs.com/) to be used inline in the template section of a component. This can be a convenient way of rendering numerically formatted data in situations where you do not wish to create a computed property.\n\n## Demonstration\nhttps://jsfiddle.net/lloydjatkinson/uaq69zjc/\n\n## Installation\n\n### NPM\n*This is the recommended approach.*\n```\nnpm install vue-numeral-filter\n```\n```js\nimport vueNumeralFilterInstaller from 'vue-numeral-filter';\n\nVue.use(vueNumeralFilterInstaller, { locale: 'en-gb' });\n```\n\n\n### CDN - Browser UMD Module\nThe UMD bundle will automatically install the filters.\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vue-numeral-filter/dist/vue-numeral-filter.min.js\"\u003e\u003c/script\u003e\n```\n\n### Usage\nThe `numeral` filter accepts any of the formats specified in the [Numeral.js](http://numeraljs.com/) documentation. For example:\n```html\n{{ 561739482 | numeral('0,0') }} // =\u003e 561,739,482\n```\n\n###  Predefined Filters\nA number of commonly used predefined filters are also provided for ease-of-use and readability.\n\n| Type                | Numeral                                   | Alias                            | Result      |\n|---------------------|-------------------------------------------|----------------------------------|-------------|\n| Bytes               | \u003ccode\u003e{{ 10485760 \u0026#124; numeral('0b') }}\u003c/code\u003e            | \u003ccode\u003e{{ 10485760 \u0026#124; bytes }}\u003c/code\u003e           | 10 MB       |\n| Percentage          | \u003ccode\u003e{{ 0.5567 \u0026#124; numeral('0.[00]%') }}\u003c/code\u003e         | \u003ccode\u003e{{ 0.5567 \u0026#124; percentage }}\u003c/code\u003e        | 55.67%      |\n| Thousands Separator | \u003ccode\u003e{{ 561739482 \u0026#124; numeral('0,0') }}\u003c/code\u003e          | \u003ccode\u003e{{ 561739482 \u0026#124; separator }}\u003c/code\u003e      | 561,739,482 |\n| Ordinal             | \u003ccode\u003e{{ 20 \u0026#124; numeral('Oo') }}\u003c/code\u003e                  | \u003ccode\u003e{{ 20 \u0026#124; ordinal }}\u003c/code\u003e               | 20th        |\n| Abbreviate          | \u003ccode\u003e{{ 1000000 \u0026#124; numeral('0.0a') }}\u003c/code\u003e           | \u003ccode\u003e{{ 1000000 \u0026#124; abbreviate }}\u003c/code\u003e       | 1.0m        |\n| Exponential         | \u003ccode\u003e{{ 123987.202 \u0026#124; numeral('0.[00]e+0') }}\u003c/code\u003e | \u003ccode\u003e{{ 123987.202 \u0026#124; exponential }}\u003c/code\u003e | 1.24e+5     |\n|Currency| \u003ccode\u003e{{ 200.42 \u0026#124; numeral('$0,0.00') }}\u003c/code\u003e|\u003ccode\u003e{{ 200.42 \u0026#124; currency }}\u003c/code\u003e|£200.42|\n\n### Locales\n\nSee the list of locales here: https://github.com/adamwdraper/Numeral-js/tree/master/src/locales\n\n\n### Find this library useful?\n\n[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/K3K71ND3U)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flloydjatkinson%2Fvue-numeral-filter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flloydjatkinson%2Fvue-numeral-filter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flloydjatkinson%2Fvue-numeral-filter/lists"}