@yunlefun/vue 0.0.5 → 0.0.7

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 CHANGED
@@ -1,9 +1,26 @@
1
- # @yunlefun/vue-components
1
+ # @yunlefun/vue
2
+
3
+ Vue toolkit(components/composables) for YunLeFun.
2
4
 
3
5
  ## Usage
4
6
 
5
7
  ```bash
6
- pnpm add -D @yunlefun/vue-components
8
+ pnpm add -D @yunlefun/vue
9
+ ```
10
+
11
+ ### Use it in Nuxt
12
+
13
+ ```ts
14
+ export default defineNuxtConfig({
15
+ modules: [
16
+ // ...
17
+ '@vueuse/nuxt',
18
+ '@unocss/nuxt',
19
+ '@pinia/nuxt',
20
+ // add this line
21
+ '@yunlefun/vue/nuxt',
22
+ ],
23
+ })
7
24
  ```
8
25
 
9
26
  ### Add auto import resolver for vue components
@@ -11,19 +28,22 @@ pnpm add -D @yunlefun/vue-components
11
28
  ```ts
12
29
  // vite.config.ts
13
30
  import { defineConfig } from 'vite'
14
- import { componentsDir } from '@yunlefun/vue-components'
15
31
  import Components from 'unplugin-vue-components/vite'
16
32
 
17
33
  export default defineConfig({
18
34
  plugins: [
19
35
  // https://github.com/antfu/unplugin-vue-components
20
36
  Components({
21
- dirs: ['src/components', componentsDir],
22
37
  // allow auto load markdown components under `./src/components/`
23
38
  extensions: ['vue', 'md'],
24
39
  // allow auto import and register components used in markdown
25
40
  include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
26
41
  dts: 'src/components.d.ts',
42
+ resolvers: [
43
+ // add @yunlefun/vue auto import resolver
44
+ YlfResolver(),
45
+ ],
46
+ di
27
47
  }),
28
48
  ]
29
49
  })
@@ -1,5 +1,5 @@
1
1
  <script lang="ts" setup>
2
- import type { BottomMenuItem } from '@yunlefun/vue-components'
2
+ import type { BottomMenuItem } from '@yunlefun/vue'
3
3
 
4
4
  defineProps<{
5
5
  active: boolean
@@ -0,0 +1,10 @@
1
+ <template>
2
+ <div inline-flex cursor-default font-300>
3
+ <div flex flex-col children:mx-auto>
4
+ <div i-ri-cloud-line text-8xl />
5
+ <span mt--2 text-2xl text-black>
6
+ 云乐坊
7
+ </span>
8
+ </div>
9
+ </div>
10
+ </template>
@@ -1,5 +1,5 @@
1
1
  <script lang="ts" setup>
2
- import type { BottomMenuItem } from '@yunlefun/vue-components'
2
+ import type { BottomMenuItem } from '@yunlefun/vue'
3
3
  import { ref } from 'vue'
4
4
 
5
5
  const items: BottomMenuItem[] = [
@@ -0,0 +1,3 @@
1
+ <template>
2
+ <YlfLogo />
3
+ </template>
@@ -0,0 +1,4 @@
1
+ ---
2
+ title: Common
3
+ title_zh: 常见组件
4
+ ---
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yunlefun/vue",
3
3
  "type": "module",
4
- "version": "0.0.5",
4
+ "version": "0.0.7",
5
5
  "description": "Components for YunLeFun",
6
6
  "exports": {
7
7
  "./components/*": "./components/*",