feat(talk): intro myself (#6)

alias.ts

@@ -0,0 +1,7 @@
+import path from 'node:path'
+
+export const r = (p: string) => path.resolve(__dirname, p)
+
+export const alias = {
+  'magic-color': r('./packages/magic-color/src/index.ts'),
+}

package.json

@@ -17,14 +17,20 @@
     "prepare": "simple-git-hooks",
     "play": "pnpm -C playground dev",
     "play:build": "pnpm -C playground build",
+    "talk": "pnpm -C talk dev",
+    "talk:build": "pnpm -C talk build",
     "deploy": "nr play:build"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.6.2",
     "@antfu/ni": "^0.21.12",
     "@iconify-json/akar-icons": "^1.1.24",
     "@iconify-json/carbon": "^1.1.31",
+    "@iconify-json/fluent-emoji": "^1.1.18",
+    "@iconify-json/logos": "^1.1.42",
+    "@iconify/utils": "^2.1.22",
     "@types/node": "^20.10.7",
+    "@unocss/preset-mini": "^0.59.0",
     "bumpp": "^9.2.1",
     "eslint": "^8.56.0",
     "esno": "^4.0.0",

playground/vite.config.ts

@@ -4,15 +4,12 @@ import vue from '@vitejs/plugin-vue'
 import UnoCSS from 'unocss/vite'
 import Components from 'unplugin-vue-components/vite'
 import AutoImport from 'unplugin-auto-import/vite'
-
-const r = (p: string) => path.resolve(__dirname, p)
+import { alias } from '../alias'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   resolve: {
-    alias: {
-      'magic-color': r('../packages/magic-color/src/index.ts'),
-    },
+    alias,
   },
   plugins: [
     vue(),

talk/components/Avatar.vue

@@ -0,0 +1,9 @@
+<template>
+  <div fbc mb-10>
+    <h1>Chris</h1>
+    <img
+      src="/avatar.png" alt="Avatar" w-30 aspect-square
+      rd="[62%_47%_82%_35%/45%_45%_80%_66%]" will-change="border-radius,transform,opacity" animate-shape
+    >
+  </div>
+</template>

talk/components/icons/IconsBilibili.vue

@@ -0,0 +1,8 @@
+<template>
+  <div inline-block space-x-1 select-none>
+    <a linkWithIcon o-bilibili href="https://space.bilibili.com/402454160" target="_blank">
+      Uploader
+      <i i-ri-bilibili-line />
+    </a>
+  </div>
+</template>

talk/components/icons/IconsElk.vue

@@ -0,0 +1,10 @@
+<template>
+  <div inline-block space-x-1 select-none>
+    <i i-my-logos-elk />
+    <!-- <img w="1.2em" h="1.2em" src="/logos/onu-ui.svg" alt="" srcset=""> -->
+    <a linkWithIcon o-elk href="https://github.com/elk-zone" target="_blank">
+      <strong>Elk</strong>
+      <sub bottom-0>farm</sub>
+    </a>
+  </div>
+</template>

talk/components/icons/IconsNuxt.vue

@@ -0,0 +1,6 @@
+<template>
+  <div inline-block space-x-1 select-none>
+    <i i-logos-nuxt-icon />
+    <a linkWithIcon o-nuxt href="https://github.com/nuxt/nuxt" target="_blank">Nuxt</a>
+  </div>
+</template>

talk/components/icons/IconsOnuUI.vue

@@ -0,0 +1,11 @@
+<template>
+  <div inline-block space-x-1 select-none>
+    <i i-my-logos-onu-ui />
+    <a
+      trans linear-text shape-bl o-onuui-to from-onuui-from to-onuui-to
+      href="https://github.com/onu-ui" target="_blank"
+    >
+      <strong>Onu UI</strong>
+    </a>
+  </div>
+</template>

talk/components/icons/IconsUnPreset.vue

@@ -0,0 +1,11 @@
+<template>
+  <div inline-block space-x-1 select-none>
+    <i i-my-logos-unpreset />
+    <a
+      trans linear-text shape-bl o-unpreset-to from-unpreset-from to-unpreset-to href="https://github.com/unpreset"
+      target="_blank"
+    >
+      <strong>UnPreset</strong>
+    </a>
+  </div>
+</template>

talk/components/icons/IconsUnoCSS.vue

@@ -0,0 +1,11 @@
+<template>
+  <div inline-flex space-x-1 select-none>
+    <i i-logos-unocss />
+    <a
+      trans linear-text shape-bl o-unocss from-unocss-from via-unocss-via to-unocss-to
+      href="https://github.com/unocss/unocss" target="_blank"
+    >
+      <strong> UnoCSS</strong>
+    </a>
+  </div>
+</template>

talk/components/icons/IconsVite.vue

@@ -0,0 +1,11 @@
+<template>
+  <div inline-block space-x-1 select-none>
+    <i i-logos-vitejs />
+    <a
+      trans linear-text shape-bottom-right o-vite-to from-vite-from to-vite-to href="https://github.com/vitejs/vite"
+      target="_blank"
+    >
+      Vite
+    </a>
+  </div>
+</template>

talk/components/icons/IconsVue.vue

@@ -0,0 +1,6 @@
+<template>
+  <div inline-block space-x-1 select-none>
+    <i i-logos-vue />
+    <a linkWithIcon o-vue href="https://github.com/vuejs-translations/docs-zh-cn" target="_blank">Vue</a>
+  </div>
+</template>