chore: update playground

pkc918 · Apr 13, 2023 · c592058 · c592058
1 parent 3275e94
commit c592058
Show file tree

Hide file tree

Showing 19 changed files with 134 additions and 25 deletions.
diff --git a/packages/core/useAnimate/index.ts b/packages/core/useAnimate/index.ts
@@ -2,8 +2,13 @@ import type { ComputedRef, Ref, ShallowRef, WritableComputedRef } from 'vue-demi
 import { computed, nextTick, shallowReactive, shallowRef, watch } from 'vue-demi'
 import type { MaybeRef, Mutable } from '@vueuse/shared'
 import { isObject, objectOmit, toValue, tryOnMounted, tryOnScopeDispose } from '@vueuse/shared'
-import type { ConfigurableWindow, MaybeComputedElementRef } from '../index'
-import { defaultWindow, unrefElement, useEventListener, useRafFn, useSupported } from '../index'
+import type { MaybeComputedElementRef } from '../unrefElement'
+import { unrefElement } from '../unrefElement'
+import type { ConfigurableWindow } from '../_configurable'
+import { defaultWindow } from '../_configurable'
+import { useSupported } from '../useSupported'
+import { useEventListener } from '../useEventListener'
+import { useRafFn } from '../useRafFn'
 
 export interface UseAnimateOptions extends KeyframeAnimationOptions, ConfigurableWindow {
   /**

diff --git a/playgrounds/build.sh b/playgrounds/build.sh
@@ -0,0 +1,14 @@
+cd ./vite-vue2.7
+rm -rf node_modules
+pnpm install
+pnpm run build
+
+cd ../vite
+rm -rf node_modules
+pnpm install
+pnpm run build
+
+# cd ../nuxt
+# rm -rf node_modules
+# pnpm install
+# pnpm run build
diff --git a/playgrounds/nuxt3/.gitignore → playgrounds/nuxt/.gitignore b/playgrounds/nuxt3/.gitignore → playgrounds/nuxt/.gitignore
diff --git a/playgrounds/nuxt3/.npmrc → playgrounds/nuxt/.npmrc b/playgrounds/nuxt3/.npmrc → playgrounds/nuxt/.npmrc
diff --git a/playgrounds/nuxt3/app.vue → playgrounds/nuxt/app.vue b/playgrounds/nuxt3/app.vue → playgrounds/nuxt/app.vue
diff --git a/playgrounds/nuxt3/nuxt.config.mjs → playgrounds/nuxt/nuxt.config.ts b/playgrounds/nuxt3/nuxt.config.mjs → playgrounds/nuxt/nuxt.config.ts
@@ -1,12 +1,11 @@
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
-import { defineNuxtConfig } from 'nuxt'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
 
 export default defineNuxtConfig({
   modules: [
-    resolve(__dirname, '../../packages/nuxt/index.ts'),
+    '@vueuse/nuxt',
   ],
   alias: {
     '@vueuse/core': resolve(__dirname, '../../packages/core/index.ts'),

diff --git a/playgrounds/nuxt/package.json b/playgrounds/nuxt/package.json
@@ -0,0 +1,17 @@
+{
+  "private": true,
+  "packageManager": "[email protected]",
+  "scripts": {
+    "dev": "nuxi dev",
+    "build": "nuxi build",
+    "start": "node .output/server/index.mjs"
+  },
+  "devDependencies": {
+    "@vueuse/core": "file:../../packages/core/dist",
+    "@vueuse/integrations": "file:../../packages/integrations/dist",
+    "@vueuse/metadata": "file:../../packages/metadata/dist",
+    "@vueuse/nuxt": "file:../../packages/nuxt/dist",
+    "@vueuse/shared": "file:../../packages/shared/dist",
+    "nuxt": "^3.4.1"
+  }
+}
diff --git a/playgrounds/nuxt3/pnpm-workspace.yaml → playgrounds/nuxt/pnpm-workspace.yaml b/playgrounds/nuxt3/pnpm-workspace.yaml → playgrounds/nuxt/pnpm-workspace.yaml
diff --git a/playgrounds/nuxt3/tsconfig.json → playgrounds/nuxt/tsconfig.json b/playgrounds/nuxt3/tsconfig.json → playgrounds/nuxt/tsconfig.json
diff --git a/playgrounds/nuxt3/package.json b/playgrounds/nuxt3/package.json
diff --git a/playgrounds/vite-vue2.7/App.vue b/playgrounds/vite-vue2.7/App.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { useMouse } from '@vueuse/core'
+
+const { x, y } = useMouse()
+</script>
+
+<template>
+  <div>
+    Hello {{ x }}, {{ y }}
+  </div>
+</template>
diff --git a/playgrounds/vite-vue2.7/index.html b/playgrounds/vite-vue2.7/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Vite App</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="./main.ts"></script>
+</body>
+</html>
diff --git a/playgrounds/vite-vue2.7/main.ts b/playgrounds/vite-vue2.7/main.ts
@@ -0,0 +1,6 @@
+import Vue from 'vue'
+import App from './App.vue'
+
+new Vue({
+  render: h => h(App),
+}).$mount('#app')
diff --git a/playgrounds/vite-vue2.7/package.json b/playgrounds/vite-vue2.7/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "vite-vue2.7",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^0.38.4",
+    "@vitejs/plugin-vue2": "^2.2.0",
+    "@vueuse/core": "file:../../packages/core/dist",
+    "@vueuse/metadata": "file:../../packages/metadata/dist",
+    "@vueuse/shared": "file:../../packages/shared/dist",
+    "eslint": "^8.38.0",
+    "vite": "^4.2.1",
+    "vue": "^2.7"
+  }
+}
diff --git a/playgrounds/vite-vue2.7/pnpm-workspace.yaml b/playgrounds/vite-vue2.7/pnpm-workspace.yaml
diff --git a/playgrounds/vite-vue2.7/vite.config.ts b/playgrounds/vite-vue2.7/vite.config.ts
@@ -0,0 +1,21 @@
+import Vue from '@vitejs/plugin-vue2'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [
+    Vue(),
+  ],
+  build: {
+    minify: false,
+    rollupOptions: {
+      output: {
+        manualChunks: (id) => {
+          if (id.includes('/node_modules/@vueuse/'))
+            return 'vueuse'
+          else
+            return 'vendor'
+        },
+      },
+    },
+  },
+})
diff --git a/playgrounds/vite/package.json b/playgrounds/vite/package.json
@@ -10,6 +10,9 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.1.0",
+    "@vueuse/core": "file:../../packages/core/dist",
+    "@vueuse/metadata": "file:../../packages/metadata/dist",
+    "@vueuse/shared": "file:../../packages/shared/dist",
     "vite": "^4.2.1"
   }
 }
diff --git a/playgrounds/vite/vite.config.ts b/playgrounds/vite/vite.config.ts
@@ -2,14 +2,29 @@ import { resolve } from 'node:path'
 import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 
-export default defineConfig({
+export default defineConfig(({ command }) => ({
   plugins: [
     Vue(),
   ],
-  resolve: {
-    alias: {
-      '@vueuse/core': resolve(__dirname, '../../packages/core/index.ts'),
-      '@vueuse/shared': resolve(__dirname, '../../packages/shared/index.ts'),
+  resolve: command === 'build'
+    ? {}
+    : {
+        alias: {
+          '@vueuse/core': resolve(__dirname, '../../packages/core/index.ts'),
+          '@vueuse/shared': resolve(__dirname, '../../packages/shared/index.ts'),
+        },
+      },
+  build: {
+    minify: false,
+    rollupOptions: {
+      output: {
+        manualChunks: (id) => {
+          if (id.includes('@vueuse/'))
+            return 'vueuse'
+          else
+            return 'vendor'
+        },
+      },
     },
   },
-})
+}))
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
@@ -1,2 +1,3 @@
 packages:
   - packages/*
+  - '!playgrounds'