refactor: move viteplay into vue-final-modal/viteplay

vue-final · Nov 8, 2022 · 3aaa817 · 3aaa817
1 parent 14d67a2
commit 3aaa817
Show file tree

Hide file tree

Showing 24 changed files with 78 additions and 110 deletions.
diff --git a/.gitignore b/.gitignore
@@ -6,6 +6,4 @@ dist
 dist-ssr
 node_modules
 .idea/
-*.log
-coverage
-.cache
+*.log
diff --git a/package.json b/package.json
@@ -4,15 +4,16 @@
   "scripts": {
     "dev": "concurrently \"pnpm:dev:*\"",
     "dev:docs": "pnpm --filter docs dev",
-    "dev:viteplay": "pnpm --filter viteplay-example dev",
-    "build:vfm": "pnpm --filter vue-final-modal build",
     "build:docs": "pnpm --filter docs build",
     "generate:docs": "pnpm --filter docs generate",
+    "dev:viteplay": "pnpm --filter vue-final-modal dev:viteplay",
+    "build:viteplay": "pnpm --filter vue-final-modal build:viteplay",
+    "build:vfm": "pnpm --filter vue-final-modal build",
     "test:vfm": "pnpm --filter vue-final-modal test",
     "coverage:vfm": "pnpm --filter vue-final-modal coverage",
+    "release:vfm": "pnpm --filter vue-final-modal release",
     "lint": "eslint . --ext=.ts,.vue --fix",
-    "typecheck": "pnpm --parallel typecheck",
-    "release:vfm": "pnpm --filter vue-final-modal release"
+    "typecheck": "pnpm --parallel typecheck"
   },
   "dependencies": {
     "vue": "^3.2.41"

diff --git a/packages/viteplay/package.json b/packages/viteplay/package.json
diff --git a/packages/viteplay/src/env.d.ts b/packages/viteplay/src/env.d.ts
diff --git a/packages/viteplay/tsconfig.json b/packages/viteplay/tsconfig.json
diff --git a/packages/viteplay/vite.config.ts b/packages/viteplay/vite.config.ts
diff --git a/packages/viteplay/viteplay.iframe.ts b/packages/viteplay/viteplay.iframe.ts
diff --git a/packages/vue-final-modal/.gitignore b/packages/vue-final-modal/.gitignore
@@ -0,0 +1 @@
+coverage
diff --git a/packages/vue-final-modal/package.json b/packages/vue-final-modal/package.json
@@ -23,6 +23,8 @@
   "scripts": {
     "dev": "vue-tsc --noEmit && vite build -w",
     "build": "vue-tsc --noEmit && vite build && vue-tsc -p tsconfig.build-dts.json --declaration --emitDeclarationOnly",
+    "dev:viteplay": "vite --config vite.config.play.ts --host",
+    "build:viteplay": "vite build --config vite.config.play.ts",
     "test": "vitest",
     "coverage": "vitest run --coverage",
     "typecheck": "vue-tsc --noEmit",
@@ -32,10 +34,13 @@
     "@vueuse/core": "^9.4.0",
     "@vueuse/integrations": "^9.4.0",
     "focus-trap": "^7.0.0",
-    "vue": "^3.2.41"
+    "vue": "^3.2.41",
+    "vue-router": "^4.1.6"
   },
   "devDependencies": {
     "@release-it/conventional-changelog": "^5.1.1",
+    "@viteplay/plugin": "^0.2.4",
+    "@viteplay/vue": "^0.2.4",
     "@vitest/coverage-istanbul": "^0.24.5",
     "jsdom": "^20.0.2",
     "release-it": "^15.5.0",

diff --git a/packages/vue-final-modal/vite.config.play.ts b/packages/vue-final-modal/vite.config.play.ts
@@ -0,0 +1,49 @@
+import path from 'path'
+import { defineConfig } from 'vite'
+import vueMacros from 'unplugin-vue-macros/vite'
+import vue from '@vitejs/plugin-vue'
+import viteplay from '@viteplay/plugin'
+
+export default defineConfig({
+  root: './viteplay',
+  resolve: {
+    alias: {
+      '~': `${path.resolve(__dirname, 'src')}`,
+      'vue-final-modal': `${path.resolve(__dirname, 'src/index')}`,
+    },
+  },
+  plugins: [
+    vueMacros({
+      plugins: {
+        vue: vue(),
+      },
+    }),
+    viteplay({
+      pages: [
+        {
+          title: 'VueFinalModal',
+          component: './src/components/VueFinalModal/VueFinalModal.vue',
+          examples: '../../../viteplay/src/components/VueFinalModal/*.example.vue',
+        },
+        {
+          title: 'VBottomSheet',
+          component: './src/components/VBottomSheet/VBottomSheet.vue',
+          examples: '../../../viteplay/src/components/VBottomSheet/*.example.vue',
+        },
+        {
+          title: 'VFullscreen',
+          component: './src/components/VFullscreen/VFullscreen.vue',
+          examples: '../../../viteplay/src/components/VFullscreen/*.example.vue',
+        },
+      ],
+      // base route for the development pages
+      base: '/viteplay',
+    }),
+  ],
+  build: {
+    outDir: 'playground',
+  },
+  define: {
+    __DEV__: JSON.stringify(!process.env.prod),
+  },
+})
diff --git a/packages/vue-final-modal/viteplay/.gitignore b/packages/vue-final-modal/viteplay/.gitignore
@@ -0,0 +1,2 @@
+playground
+.cache
diff --git a/packages/viteplay/404.vue → packages/vue-final-modal/viteplay/404.vue b/packages/viteplay/404.vue → packages/vue-final-modal/viteplay/404.vue
diff --git a/packages/viteplay/App.vue → packages/vue-final-modal/viteplay/App.vue b/packages/viteplay/App.vue → packages/vue-final-modal/viteplay/App.vue
diff --git a/packages/viteplay/app.ts → packages/vue-final-modal/viteplay/app.ts b/packages/viteplay/app.ts → packages/vue-final-modal/viteplay/app.ts
diff --git a/packages/viteplay/index.html → packages/vue-final-modal/viteplay/index.html b/packages/viteplay/index.html → packages/vue-final-modal/viteplay/index.html
@@ -2,9 +2,8 @@
 <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>Vue 3 lib template</title>
+    <title>Vue Final Modal 4 | Viteplay</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/packages/viteplay/public/favicon.ico → ...e-final-modal/viteplay/public/favicon.ico b/packages/viteplay/public/favicon.ico → ...e-final-modal/viteplay/public/favicon.ico
diff --git a/packages/viteplay/router.ts → packages/vue-final-modal/viteplay/router.ts b/packages/viteplay/router.ts → packages/vue-final-modal/viteplay/router.ts
diff --git a/...s/viteplay/src/components/DefaultSlot.vue → ...l/viteplay/src/components/DefaultSlot.vue b/...s/viteplay/src/components/DefaultSlot.vue → ...l/viteplay/src/components/DefaultSlot.vue
diff --git a/...components/VBottomSheet/Basic.example.vue → ...components/VBottomSheet/Basic.example.vue b/...components/VBottomSheet/Basic.example.vue → ...components/VBottomSheet/Basic.example.vue
diff --git a/.../components/VFullScreen/Basic.example.vue → .../components/VFullScreen/Basic.example.vue b/.../components/VFullScreen/Basic.example.vue → .../components/VFullScreen/Basic.example.vue
diff --git a/...omponents/VueFinalModal/Basic.example.vue → ...omponents/VueFinalModal/Basic.example.vue b/...omponents/VueFinalModal/Basic.example.vue → ...omponents/VueFinalModal/Basic.example.vue
diff --git a/...rc/components/VueFinalModal/TestModal.vue → ...rc/components/VueFinalModal/TestModal.vue b/...rc/components/VueFinalModal/TestModal.vue → ...rc/components/VueFinalModal/TestModal.vue
diff --git a/packages/vue-final-modal/viteplay/viteplay.iframe.ts b/packages/vue-final-modal/viteplay/viteplay.iframe.ts
@@ -0,0 +1,7 @@
+import { createVfm } from '../src/index'
+
+export default {
+  extend({ app }: any) {
+    app.use(createVfm())
+  },
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml