feat: add nuxt-emoji

Author: xingxingmofashu

package.json

@@ -29,7 +29,8 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.14.1592"
+    "@nuxt/kit": "^3.14.1592",
+    "node-emoji": "^2.2.0"
   },
   "devDependencies": {
     "@nuxt/devtools": "^1.6.4",

playground/app.vue

@@ -1,8 +1,12 @@
 <template>
   <div>
-    Nuxt module playground!
+    {{ $emoji.emojify("I :heart: :coffee:!") }}
   </div>
 </template>
 
 <script setup>
+const emoji = useEmojify('I :heart: :coffee:!')
+console.log(emoji)
+const unemojify = useUnemojify(emoji)
+console.log(unemojify)
 </script>

pnpm-lock.yaml

@@ -1,16 +1,34 @@
-import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
+import { defineNuxtModule, addPlugin, createResolver, addImports } from '@nuxt/kit'
 
 export default defineNuxtModule({
   meta: {
-    name: 'my-module',
-    configKey: 'myModule',
+    name: 'nuxt-emoji',
+    configKey: 'emoji',
   },
-  // Default configuration options of the Nuxt module
-  defaults: {},
-  setup(_options, _nuxt) {
-    const resolver = createResolver(import.meta.url)
+  setup(_options, nuxt) {
+    const { resolve } = createResolver(import.meta.url)
 
-    // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
-    addPlugin(resolver.resolve('./runtime/plugin'))
+    const runtimeDir = resolve('runtime')
+
+    addPlugin({
+      src: resolve(runtimeDir, 'plugin.ts'),
+    })
+
+    nuxt.options.alias['#emoji'] = resolve(runtimeDir, 'composables/emoji')
+
+    const composables = [{
+      name: 'useEmoji',
+      as: 'useEmoji',
+      from: resolve(runtimeDir, 'composables/emoji'),
+    }, {
+      name: 'useEmojify',
+      as: 'useEmojify',
+      from: resolve(runtimeDir, 'composables/emojify'),
+    }, {
+      name: 'useUnemojify',
+      as: 'useUnemojify',
+      from: resolve(runtimeDir, 'composables/unemojify'),
+    }]
+    addImports(composables)
   },
 })

src/module.ts

@@ -0,0 +1,7 @@
+import { find, get, has, random, replace, search, strip, which, emojify, unemojify } from 'node-emoji'
+
+export const useEmoji = () => {
+  return {
+    find, get, has, random, replace, search, strip, which, emojify, unemojify,
+  }
+}

src/runtime/composables/emoji.ts

@@ -0,0 +1,6 @@
+import type { EmojifyOptions } from 'node-emoji'
+import { emojify } from 'node-emoji'
+
+export const useEmojify = (input: string, opts?: EmojifyOptions) => {
+  return emojify(input, opts)
+}

src/runtime/composables/emojify.ts

@@ -0,0 +1,5 @@
+import { unemojify } from 'node-emoji'
+
+export const useUnemojify = (input: string) => {
+  return unemojify(input)
+}

src/runtime/composables/unemojify.ts

@@ -1,5 +1,16 @@
+import * as emoji from 'node-emoji'
 import { defineNuxtPlugin } from '#app'
 
-export default defineNuxtPlugin((_nuxtApp) => {
-  console.log('Plugin injected by my-module!')
-})
+declare module '#app' {
+  interface NuxtApp {
+    $emoji: typeof emoji
+  }
+}
+
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $emoji: typeof emoji
+  }
+}
+
+export default defineNuxtPlugin(async nuxtApp => nuxtApp.provide('emoji', emoji))