chore: update docs dev script

xiaoluoboding · xiaoluoboding · commit 2a35fe3e2b11 · 2021-10-26T18:23:46.000+08:00
diff --git a/docs/v2/.vuepress/components/UseAxios.vue b/docs/v2/.vuepress/components/UseAxios.vue
@@ -15,9 +15,9 @@
 
 <script>
 import { onMounted, ref } from 'vue-demi'
-import { useAxios } from '@vueblocks/vue-use-axios'
+// import { useAxios } from '@vueblocks/vue-use-axios'
 // Test local bundle
-// import { useAxios } from '../../../../packages/axios/lib/index.cjs'
+import { useAxios } from '@vueblocks/vue-use-axios'
 
 export default {
   name: 'UseAxios',
diff --git a/docs/v2/.vuepress/components/UseInstance.vue b/docs/v2/.vuepress/components/UseInstance.vue
@@ -3,9 +3,9 @@
 </template>
 
 <script>
-import { useInstance } from '@vueblocks/vue-use-core'
+// import { useInstance } from '@vueblocks/vue-use-core'
 // Test local bundle
-// import { useInstance } from '../../../../packages/core/lib/index.cjs'
+import { useInstance } from '../../../../packages/core/lib/index.cjs'
 
 export default {
   name: 'UseInstance',
diff --git a/docs/v2/.vuepress/components/UseMouse.vue b/docs/v2/.vuepress/components/UseMouse.vue
@@ -10,10 +10,10 @@
 </template>
 
 <script>
-import { onMounted, reactive } from 'vue-demi'
-import { useMouse } from '@vueblocks/vue-use-core'
+import { ref } from 'vue-demi'
+// import { useMouse } from '@vueblocks/vue-use-core'
 // Test local bundle
-// import { useMouse } from '../../../../packages/core/lib/index.cjs'
+import { useMouse } from '../../../../packages/core/lib/index.cjs'
 import ExampleBlock from './ExampleBlock.vue'
 
 export default {
diff --git a/docs/v2/.vuepress/components/UseVuex.vue b/docs/v2/.vuepress/components/UseVuex.vue
@@ -20,7 +20,7 @@
 <script>
 // import { useVuex, useStore } from '@vueblocks/vue-use-vuex'
 // Test local bundle
-import { useVuex, useStore } from '../../../../packages/vuex/lib/index.cjs'
+import { useVuex, useStore } from '@vueblocks/vue-use-vuex'
 import ExampleBlock from './ExampleBlock.vue'
 
 export default {
diff --git a/docs/v2/.vuepress/config.js b/docs/v2/.vuepress/config.js
@@ -39,7 +39,7 @@ module.exports = {
         },
         {
           title: 'Core',
-          collapsable: true,
+          collapsable: false,
           sidebarDepth: 1,
           children: [
             '/guide/core/useColor',
diff --git a/docs/v2/package.json b/docs/v2/package.json
@@ -1,20 +1,19 @@
 {
-  "name": "docs",
+  "name": "@vueblock/vue-use-docs-vue2",
   "version": "1.0.0",
   "license": "MIT",
   "scripts": {
-    "dev:v2": "vue-demi-switch 2 && vuepress dev v2",
-    "dev:v3": "vue-demi-switch 3 vue3 && vitepress dev v3",
-    "build:v2": "vue-demi-switch 2 && vuepress build v2",
-    "build:v3": "vue-demi-switch 3 vue3 && vitess build v3"
+    "dev": "vuepress dev",
+    "build": "vuepress build"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.0.0-rc.3",
+    "@vue/composition-api": "^1.2.4",
+    "@vueblocks/vue-use-axios": "^0.2.6",
     "@vueblocks/vue-use-core": "^0.2.10",
     "@vueblocks/vue-use-vuex": "^0.2.10",
-    "vue": "^2.6.12",
-    "vue-demi": "^0.7.1",
-    "vue3": "npm:vue@3"
+    "axios": "^0.24.0",
+    "vue-demi": "0.10.0",
+    "vuex": "^3.6.2"
   },
   "postcss": {
     "plugins": {
@@ -27,7 +26,6 @@
     "autoprefixer": "^9",
     "postcss": "^7",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat",
-    "vitepress": "^0.12.2",
     "vuepress": "^1.8.2"
   }
 }
diff --git a/docs/v2/tailwind.config.js b/docs/v2/tailwind.config.js
diff --git a/docs/v2/yarn.lock b/docs/v2/yarn.lock
diff --git a/docs/v3/.vitepress/components/UseAxiosDemo.vue b/docs/v3/.vitepress/components/UseAxiosDemo.vue
@@ -14,10 +14,10 @@
 </template>
 
 <script lang="ts">
-import { onMounted, defineComponent } from 'vue3'
-// import { useAxios } from '@vueblocks/vue-use-axios'
+import { onMounted, defineComponent } from 'vue'
+import { useAxios } from '@vueblocks/vue-use-axios'
 // Test local bundle
-import { useAxios } from '../../../../packages/axios/lib/index.esm'
+// import { useAxios } from '../../../../packages/axios/lib/index.esm'
 
 export default defineComponent({
   name: 'UseAxiosDemo',
diff --git a/docs/v3/.vitepress/components/UseColorDemo.vue b/docs/v3/.vitepress/components/UseColorDemo.vue
@@ -123,7 +123,7 @@
 </template>
 
 <script lang="ts">
-import { computed, ref, defineComponent } from 'vue3'
+import { computed, ref, defineComponent } from 'vue'
 import { useColor, usePalette } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useColor, usePalette } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseCssVarsDemo.vue b/docs/v3/.vitepress/components/UseCssVarsDemo.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script>
-import { ref, defineComponent } from 'vue3'
+import { ref, defineComponent } from 'vue'
 import { useCssVars } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useCssVars } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseDebouncedRefDemo.vue b/docs/v3/.vitepress/components/UseDebouncedRefDemo.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue3'
+import { defineComponent } from 'vue'
 import { useDebouncedRef } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useDebouncedRef } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseElementSizeDemo.vue b/docs/v3/.vitepress/components/UseElementSizeDemo.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, onMounted } from 'vue3'
+import { defineComponent, ref, onMounted } from 'vue'
 import { useElementSize } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useElementSize } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseEmitterDemo.vue b/docs/v3/.vitepress/components/UseEmitterDemo.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from 'vue3'
+import { defineComponent, ref } from 'vue'
 // import { useInstance } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useEmitter } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseEmitterEmitDemo.vue b/docs/v3/.vitepress/components/UseEmitterEmitDemo.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue3'
+import { defineComponent } from 'vue'
 import { useInstance } from '@vueblocks/vue-use-core'
 // import { useEmitter } from '@vueblocks/vue-use-core'
 // Test local bundle
diff --git a/docs/v3/.vitepress/components/UseEmitterOnDemo.vue b/docs/v3/.vitepress/components/UseEmitterOnDemo.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, ref } from 'vue3'
+import { defineComponent, onMounted, ref } from 'vue'
 import { useInstance } from '@vueblocks/vue-use-core'
 // import { useEmitter } from '@vueblocks/vue-use-core'
 // Test local bundle
diff --git a/docs/v3/.vitepress/components/UseEventListenerDemo.vue b/docs/v3/.vitepress/components/UseEventListenerDemo.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, ref } from 'vue3'
+import { defineComponent, onMounted, ref } from 'vue'
 import { useEventListener } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useEventListener } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseFullscreenDemo.vue b/docs/v3/.vitepress/components/UseFullscreenDemo.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from 'vue3'
+import { defineComponent, ref } from 'vue'
 // import { useFullscreen } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useFullscreen } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseInstanceDemo.vue b/docs/v3/.vitepress/components/UseInstanceDemo.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue3'
+import { defineComponent } from 'vue'
 import { useInstance } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useInstance } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseMouseDemo.vue b/docs/v3/.vitepress/components/UseMouseDemo.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue3'
+import { defineComponent } from 'vue'
 import { useMouse } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useMouse } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UsePrecisionDemo.vue b/docs/v3/.vitepress/components/UsePrecisionDemo.vue
@@ -56,7 +56,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, toRefs, computed } from 'vue3'
+import { defineComponent, reactive, toRefs, computed } from 'vue'
 import { usePrecision } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { usePrecision } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseResizeEventDemo.vue b/docs/v3/.vitepress/components/UseResizeEventDemo.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, reactive } from 'vue3'
+import { defineComponent, onMounted, reactive } from 'vue'
 import { useResizeEvent } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useResizeEvent } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseResizeObserverDemo.vue b/docs/v3/.vitepress/components/UseResizeObserverDemo.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, onMounted } from 'vue3'
+import { defineComponent, ref, onMounted } from 'vue'
 import { useResizeObserver } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useResizeObserver } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseShortcutDemo.vue b/docs/v3/.vitepress/components/UseShortcutDemo.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onUnmounted, ref } from 'vue3'
+import { defineComponent, onUnmounted, ref } from 'vue'
 import { useShortcut } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useShortcut } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseStateshotDemo.vue b/docs/v3/.vitepress/components/UseStateshotDemo.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, reactive, ref } from 'vue3'
+import { defineComponent, computed, reactive, ref } from 'vue'
 import { useStateshot } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useStateshot } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/.vitepress/components/UseVuex.vue b/docs/v3/.vitepress/components/UseVuex.vue
@@ -0,0 +1,50 @@
+<template>
+  <section>
+    <example-block>
+      <div slot="component" class="w-full text-center">
+        Clicked: {{ count }} times, count is {{ evenOrOdd }}.
+        <br>
+        <button @click="increment">+</button>
+        <br>
+        <button @click="decrement">-</button>
+        <br>
+        <button @click="incrementIfOdd">Increment if odd</button>
+        <br>
+        <button @click="incrementAsync">Increment async</button>
+      </div>
+      <!-- <span slot="code"> </span> -->
+    </example-block>
+  </section>
+</template>
+
+<script>
+// import { useVuex, useStore } from '@vueblocks/vue-use-vuex'
+// Test local bundle
+import { useVuex, useStore } from '../../../../packages/vuex/lib/index.cjs'
+import ExampleBlock from './ExampleBlock.vue'
+
+export default {
+  name: 'UseVuex',
+  components: { ExampleBlock },
+  setup () {
+    const store = useStore()
+    console.log(store)
+    const { useState, useGetters, useActions } = useVuex('counter')
+
+    return {
+      ...useState(['count']),
+
+      ...useGetters([
+        'evenOrOdd'
+      ]),
+      
+      ...useActions([
+        'increment',
+        'decrement',
+        'incrementIfOdd',
+        'incrementAsync'
+      ])
+    }
+  }
+}
+</script>
diff --git a/docs/v3/.vitepress/components/UseWindowSizeDemo.vue b/docs/v3/.vitepress/components/UseWindowSizeDemo.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, watchEffect } from 'vue3'
+import { defineComponent, reactive, watchEffect } from 'vue'
 import { useWindowSize } from '@vueblocks/vue-use-core'
 // Test local bundle
 // import { useWindowSize } from '../../../../packages/core/lib/index.esm'
diff --git a/docs/v3/package.json b/docs/v3/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "@vueblock/vue-use-docs-vue3",
+  "version": "1.0.0",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vitepress dev --port 4499",
+    "build": "vitess build"
+  },
+  "dependencies": {
+    "@vueblocks/vue-use-axios": "^0.2.6",
+    "@vueblocks/vue-use-core": "^0.2.10",
+    "@vueblocks/vue-use-vuex": "^0.2.10",
+    "axios": "^0.24.0",
+    "vuex": "^3.6.2"
+  },
+  "postcss": {
+    "plugins": {
+      "tailwindcss": {},
+      "autoprefixer": {}
+    }
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss7-compat": "^2.0.3",
+    "autoprefixer": "^9",
+    "postcss": "^7",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
+    "vitepress": "^0.20.0"
+  }
+}
diff --git a/docs/v3/tailwind.config.js b/docs/v3/tailwind.config.js
@@ -0,0 +1,10 @@
+// tailwind.config.js
+module.exports = {
+  purge: [],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {}
+  },
+  variants: {},
+  plugins: []
+}
diff --git a/docs/v3/yarn.lock b/docs/v3/yarn.lock
diff --git a/package.json b/package.json
diff --git a/packages/axios/package.json b/packages/axios/package.json
diff --git a/packages/axios/yarn.lock b/packages/axios/yarn.lock
diff --git a/packages/core/package.json b/packages/core/package.json
diff --git a/packages/core/yarn.lock b/packages/core/yarn.lock
diff --git a/packages/vuex/package.json b/packages/vuex/package.json
diff --git a/packages/vuex/yarn.lock b/packages/vuex/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@ module.exports = {`
`39`	`39`	`},`
`40`	`40`	`{`
`41`	`41`	`title: 'Core',`
`42`		`- collapsable: true,`
	`42`	`+ collapsable: false,`
`43`	`43`	`sidebarDepth: 1,`
`44`	`44`	`children: [`
`45`	`45`	`'/guide/core/useColor',`