chore: update docs and examples

hunterliu1003 · hunterliu1003 · commit 75a773851ccb · 2023-01-29T23:13:20.000+08:00
diff --git a/docs/content/1.index.md b/docs/content/1.index.md
@@ -9,7 +9,7 @@ layout: page
 ---
 cta:
   - Get Started
-  - /get-started/guide/migration-guide
+  - /get-started/guide/concepts
 secondary:
   - Star on GitHub
   - https://github.com/vue-final/vue-final-modal
diff --git a/docs/index.d.ts b/docs/index.d.ts
@@ -5,9 +5,5 @@ declare module '#app' {
     $vfm: Vfm
   }
 }
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $vfm: Vfm
-  }
-}
+
 export { }
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
@@ -1,5 +1,4 @@
 export default defineNuxtConfig({
   extends: '@nuxt-themes/docus',
-  modules: ['@nuxtjs/tailwindcss'],
-  css: ['vue-final-modal/style.css'],
+  modules: ['@nuxtjs/tailwindcss', '@vue-final-modal/nuxt'],
 })
diff --git a/docs/package.json b/docs/package.json
@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@vorms/core": "^1.0.0",
+    "@vue-final-modal/nuxt": "workspace:1.0.0-rc.5",
     "vue-final-modal": "workspace:4.0.0-rc.12",
     "vue3-drag-resize": "^2.0.5"
   }
diff --git a/docs/plugins/vue-final-modal.ts b/docs/plugins/vue-final-modal.ts
diff --git a/examples/nuxt3/components/MyModal.vue b/examples/nuxt3/components/MyModal.vue
@@ -13,7 +13,7 @@ const emit = defineEmits<{
 <template>
   <VueFinalModal
     class="flex justify-center items-center"
-    content-class="flex flex-col p-4 bg-white dark:bg-black rounded"
+    content-class="flex flex-col p-4 bg-white dark:bg-black rounded border border-gray-100 dark:border-gray-800"
     @update:model-value="val => emit('update:modelValue', val)"
   >
     <div class="flex items-center h-10">
diff --git a/examples/nuxt3/nuxt.config.ts b/examples/nuxt3/nuxt.config.ts
@@ -1,5 +1,4 @@
-// https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
   extends: '@nuxt-themes/docus',
-  modules: ['@vue-final-modal/nuxt'],
+  modules: ['@nuxtjs/tailwindcss', '@vue-final-modal/nuxt'],
 })
diff --git a/examples/nuxt3/package.json b/examples/nuxt3/package.json
@@ -1,5 +1,6 @@
 {
   "private": true,
+  "type": "module",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
@@ -13,7 +14,7 @@
     "nuxt": "3.1.0"
   },
   "dependencies": {
-    "@vue-final-modal/nuxt": "1.0.0-rc.0",
+    "@vue-final-modal/nuxt": "1.0.0-rc.5",
     "vue-final-modal": "4.0.0-rc.12"
   }
 }
diff --git a/examples/nuxt3/tailwind.config.ts b/examples/nuxt3/tailwind.config.ts
@@ -0,0 +1,20 @@
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          50: '#ecfdf5',
+          100: '#d1fae5',
+          200: '#a7f3d0',
+          300: '#6ee7b7',
+          400: '#34d399',
+          500: '#10b981',
+          600: '#059669',
+          700: '#047857',
+          800: '#065f46',
+          900: '#064e3b',
+        },
+      },
+    },
+  },
+}
diff --git a/examples/nuxt3/tokens.config.ts b/examples/nuxt3/tokens.config.ts
diff --git a/examples/vue3/package.json b/examples/vue3/package.json
@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@iconify/vue": "^4.0.0",
-    "@vitejs/plugin-vue": "^4.0.2",
+    "@vitejs/plugin-vue": "^4.0.0",
     "autoprefixer": "^10.4.13",
     "postcss": "^8.4.21",
     "tailwindcss": "^3.2.4",
diff --git a/examples/vue3/src/components/MyModal.vue b/examples/vue3/src/components/MyModal.vue
@@ -14,7 +14,7 @@ const emit = defineEmits<{
 <template>
   <VueFinalModal
     class="flex justify-center items-center"
-    content-class="flex flex-col p-4 bg-white dark:bg-black rounded"
+    content-class="flex flex-col p-4 bg-white dark:bg-black rounded border border-gray-100 dark:border-gray-800"
     @update:model-value="val => emit('update:modelValue', val)"
   >
     <div class="flex items-center h-10">
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -5,9 +5,5 @@ declare module '#app' {`
`5`	`5`	`$vfm: Vfm`
`6`	`6`	`}`
`7`	`7`	`}`
`8`		`-declare module '@vue/runtime-core' {`
`9`		`- interface ComponentCustomProperties {`
`10`		`- $vfm: Vfm`
`11`		`- }`
`12`		`-}`
	`8`	`+`
`13`	`9`	`export { }`
Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,7 @@`
`15`	`15`	`},`
`16`	`16`	`"dependencies": {`
`17`	`17`	`"@vorms/core": "^1.0.0",`
	`18`	`+ "@vue-final-modal/nuxt": "workspace:1.0.0-rc.5",`
`18`	`19`	`"vue-final-modal": "workspace:4.0.0-rc.12",`
`19`	`20`	`"vue3-drag-resize": "^2.0.5"`
`20`	`21`	`}`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ const emit = defineEmits<{`
`13`	`13`	`<template>`
`14`	`14`	`<VueFinalModal`
`15`	`15`	`class="flex justify-center items-center"`
`16`		`- content-class="flex flex-col p-4 bg-white dark:bg-black rounded"`
	`16`	`+ content-class="flex flex-col p-4 bg-white dark:bg-black rounded border border-gray-100 dark:border-gray-800"`
`17`	`17`	`@update:model-value="val => emit('update:modelValue', val)"`
`18`	`18`	`>`
`19`	`19`	`<div class="flex items-center h-10">`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"private": true,`
	`3`	`+ "type": "module",`
`3`	`4`	`"scripts": {`
`4`	`5`	`"build": "nuxt build",`
`5`	`6`	`"dev": "nuxt dev",`
`@@ -13,7 +14,7 @@`
`13`	`14`	`"nuxt": "3.1.0"`
`14`	`15`	`},`
`15`	`16`	`"dependencies": {`
`16`		`- "@vue-final-modal/nuxt": "1.0.0-rc.0",`
	`17`	`+ "@vue-final-modal/nuxt": "1.0.0-rc.5",`
`17`	`18`	`"vue-final-modal": "4.0.0-rc.12"`
`18`	`19`	`}`
`19`	`20`	`}`