Merge pull request #12 from InhiblabCore/use-request-plugin-dev

Use request plugin dev

Author: NelsonYong

.eslintrc.js

@@ -80,7 +80,7 @@ module.exports = {
 
   overrides: [
     {
-      files: ['**/*.md', '**/*.md/*.*', 'demo.vue', 'scripts/*.ts', '*.test.ts', '*.spec.ts'],
+      files: ['**/*.md', '**/*.md/*.*', '**/demo/*.vue', 'scripts/*.ts', '*.test.ts', '*.spec.ts'],
       rules: {
         'no-alert': 'off',
         'no-console': 'off',

packages/hooks/docs/.vitepress/components/button/button.vue

@@ -0,0 +1,22 @@
+<template>
+  <button class="vhp-button">
+    <slot></slot>
+  </button>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="less">
+  .vhp-button {
+    // border: 1px solid rgba(0, 0, 0, 0.5);
+    background-color: rgba(82, 129, 255, 0.15);
+    padding: 4px;
+    border-radius: 5px;
+    margin-top: 8px;
+  }
+
+  .vhp-button:hover {
+    background-color: rgba(0, 0, 0, 0.3);
+    color: #fff;
+  }
+</style>

packages/hooks/docs/.vitepress/components/button/index.ts

@@ -0,0 +1,6 @@
+import { withInstall } from '../../utils/vue/install'
+
+import Button from './button.vue'
+
+export const VhpButton = withInstall(Button)
+export default VhpButton

packages/hooks/docs/.vitepress/components/index.ts

@@ -0,0 +1 @@
+export * from './button'

packages/hooks/docs/.vitepress/config.ts

@@ -15,7 +15,7 @@ export default defineConfig({
       },
     ],
   ],
-  title: 'vue-hooks-plus',
+  title: 'VueHook Plus',
   description: '_description',
   // // 扫描srcIncludes里面的 *.md文件
   // srcIncludes: ['src'],

packages/hooks/docs/.vitepress/theme/components/Home.vue renamed to packages/hooks/docs/.vitepress/theme/home/Home.vue

@@ -1,12 +1,14 @@
+import { App } from 'vue'
 import DefaultTheme from 'vitepress/theme'
 import DemoBlock from '@vue-hooks-plus/vitepress-demo-block'
+import VhpButton from '../components/button'
 import '@vue-hooks-plus/vitepress-demo-block/dist/style.css'
 import './var.less'
 
 export default {
   ...DefaultTheme,
-
-  enhanceApp({ app, router, siteData }) {
+  enhanceApp({ app }: { app: App<Element> }) {
     app.component('demo', DemoBlock)
+    app.component('vhp-button', VhpButton)
   },
 }