Update emoji list to emoji v15.0.

[lushangkan]

Context

Update emoji list to emoji version.
Add option to customize emoji list.

Summary

Update emoji list to emoji v15.0.
Change emoji grouping to official grouping.
Add option to customize emoji list.
Change default group icon to lucide icon.
Modify Header Padding to accommodate new grouping size.
Modify Header flex option to fix off-center icons.
Updating npm dependencies.
Fix some bugs.
And more...

To-do

• Due to the change in emoji grouping, users may need to be reminded of the change in the documentation in the future.

User-facing changes

Too much changes. Comment it if you need.

Checklist

• I have tested this code to the best of my abilities
• I have added documentation where necessary

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[delowardev]

Hi @lushangkan Thank you for the PR; I will review the changes and merge it as soon as possible.

[lushangkan]

Seems like I didn't handle skin tones well, I'll fix that later

[lushangkan]

Fixed unsupported skin color issue, zwj_emoji not supported for now (except Other group)

[delowardev]

Hi @lushangkan, thanks again for your incredible effort on this.

PR looks good, just two minor changes needed:

1. You may want to update the emoji cdn URL as well in constant.ts#L3, the new src should be https://cdn.jsdelivr.net/npm/emoji-datasource-apple@15.0.1/img/apple/64/

vue3-emoji-picker/src/constant.ts

Lines 3 to 4 in c430646

	export const EMOJI_REMOTE_SRC =
	'https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64'

2. In emojis.json#10461, could you please update 2642-fe0f to 2641-fe0f? I noticed the male sign emoji doesn't show with the previous code for some reason.

vue3-emoji-picker/src/data/emojis.json

Line 10461 in c430646

"u": "2642-fe0f"

[lushangkan]

Hi @lushangkan, thanks again for your incredible effort on this.

PR looks good, just two minor changes needed:

1. You may want to update the emoji cdn URL as well in constant.ts#L3, the new src should be https://cdn.jsdelivr.net/npm/emoji-datasource-apple@15.0.1/img/apple/64/

vue3-emoji-picker/src/constant.ts

Lines 3 to 4 in c430646

	export const EMOJI_REMOTE_SRC =
	'https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64'

2. In emojis.json#10461, could you please update 2642-fe0f to 2641-fe0f? I noticed the male sign emoji doesn't show with the previous code for some reason.

vue3-emoji-picker/src/data/emojis.json

Line 10461 in c430646

"u": "2642-fe0f"

Thank you for checking it out!
I've noticed some new issues in the meantime, I'll get back to you when I'm done fixing them.
Also, emoji added a lot of zwj emoji to switch the gender of the character within the emoji, etc., do you have plans to adapt it?

[delowardev]

I think zwj emoji will be a good feature, I will need to check the possibilities.

[lushangkan]

2. 2641-fe0f

Is the 2641 the ♁ symbol you are referring to? The symbol is earth symbol，deprecated in Unicode 1.1, I switched 2642 to 2641 in my device (Windows 11) and it shows up as , and I didn't find this icon in the official list of Unicode either

1 2

Hi @lushangkan, thanks again for your incredible effort on this.

PR looks good, just two minor changes needed:

1. You may want to update the emoji cdn URL as well in constant.ts#L3, the new src should be https://cdn.jsdelivr.net/npm/emoji-datasource-apple@15.0.1/img/apple/64/

vue3-emoji-picker/src/constant.ts

Lines 3 to 4 in c430646

	export const EMOJI_REMOTE_SRC =
	'https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64'

2. In emojis.json#10461, could you please update 2642-fe0f to 2641-fe0f? I noticed the male sign emoji doesn't show with the previous code for some reason.

vue3-emoji-picker/src/data/emojis.json

Line 10461 in c430646

"u": "2642-fe0f"

Is the 2641 the ♁ symbol you are referring to? The symbol is earth symbol, deprecated in Unicode 1.1, I switched 2642 to 2641 in my device (Windows 11) and it shows up as , and I didn't find this icon in the official list of Unicode either

[lushangkan]

Hi @lushangkan, thanks again for your incredible effort on this.

PR looks good, just two minor changes needed:

1. You may want to update the emoji cdn URL as well in constant.ts#L3, the new src should be https://cdn.jsdelivr.net/npm/emoji-datasource-apple@15.0.1/img/apple/64/

vue3-emoji-picker/src/constant.ts

Lines 3 to 4 in c430646

	export const EMOJI_REMOTE_SRC =
	'https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64'

2. In emojis.json#10461, could you please update 2642-fe0f to 2641-fe0f? I noticed the male sign emoji doesn't show with the previous code for some reason.

vue3-emoji-picker/src/data/emojis.json

Line 10461 in c430646

"u": "2642-fe0f"

I see the request https://fastly.jsdelivr.net/npm/emoji-datasource-apple@15.0.1/img/apple/64/2642-fe0f.png failed message in the console, which could be a problem with the emoji-datasource-apple repository