@vuecs/gravatar 2.0.5 → 2.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -4
- package/dist/vue.d.ts +1 -1
- package/dist/vue.d.ts.map +1 -1
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -1,16 +1,36 @@
|
|
|
1
1
|
# @vuecs/gravatar
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/@vuecs/gravatar)
|
|
4
|
+
[](https://github.com/Tada5hi/vuecs/actions/workflows/main.yml)
|
|
5
|
+
[](./LICENSE)
|
|
5
6
|
|
|
6
|
-
Gravatar
|
|
7
|
+
**`<VCGravatar>` — Gravatar avatars for Vue 3**, part of [vuecs](https://github.com/tada5hi/vuecs). Hashes the email client-side, builds the Gravatar URL, and renders through `<VCAvatar>` so you get graceful fallback content for free.
|
|
7
8
|
|
|
8
|
-
|
|
9
|
+
## ✨ What's inside
|
|
10
|
+
|
|
11
|
+
- 📧 **`email` or precomputed `hash`** — pass either; hashing happens for you.
|
|
12
|
+
- 🖼️ **Fallback support** — composes `<VCAvatar>` from `@vuecs/elements`: broken/missing images fall back to your `#fallback` slot (initials, icon, …).
|
|
13
|
+
- ⚙️ **Full Gravatar API surface** — `size`, `defaultImg` (`retro` by default), `rating`, custom `hostname` / `protocol` for self-hosted proxies.
|
|
14
|
+
- 📐 **Display sizing** — `displaySize` (`sm` / `md` / `lg`) maps onto the avatar's theme variant, independent of the fetched pixel `size`.
|
|
15
|
+
|
|
16
|
+
## 📦 Installation
|
|
9
17
|
|
|
10
18
|
```bash
|
|
11
19
|
npm install @vuecs/gravatar
|
|
12
20
|
```
|
|
13
21
|
|
|
22
|
+
## ⚡ Usage
|
|
23
|
+
|
|
24
|
+
```vue
|
|
25
|
+
<VCGravatar email="user@example.com" :size="160" display-size="lg">
|
|
26
|
+
<template #fallback>JD</template>
|
|
27
|
+
</VCGravatar>
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## 📚 Documentation
|
|
31
|
+
|
|
32
|
+
Full reference + live demo: **[vuecs.dev/components/gravatar](https://vuecs.dev/components/gravatar)**
|
|
33
|
+
|
|
14
34
|
## License
|
|
15
35
|
|
|
16
36
|
Made with 💚
|
package/dist/vue.d.ts
CHANGED
package/dist/vue.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../src/vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,QAAQ,
|
|
1
|
+
{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../src/vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,UAAU,EAAE,OAAO,UAAU,CAAC;KACjC;CACJ"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vuecs/gravatar",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A package containing a gravatar component.",
|
|
6
6
|
"exports": {
|
|
@@ -45,13 +45,13 @@
|
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@types/md5": "^2.3.5",
|
|
48
|
-
"@vuecs/core": "^3.2.
|
|
49
|
-
"@vuecs/elements": "^1.2.
|
|
50
|
-
"vue": "^3.5.
|
|
48
|
+
"@vuecs/core": "^3.2.1",
|
|
49
|
+
"@vuecs/elements": "^1.2.4",
|
|
50
|
+
"vue": "^3.5.38"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@vuecs/core": "^3.2.
|
|
54
|
-
"@vuecs/elements": "^1.2.
|
|
53
|
+
"@vuecs/core": "^3.2.1",
|
|
54
|
+
"@vuecs/elements": "^1.2.4",
|
|
55
55
|
"vue": "^3.x"
|
|
56
56
|
},
|
|
57
57
|
"engines": {
|