fix(vite): export Vite specific plugin

Author: harlan-zw

packages/vite/build.config.ts

@@ -10,6 +10,7 @@ export default defineBuildConfig({
     { input: 'src/index' },
     { input: 'src/vitesse' },
     { input: 'src/vitepress' },
+    { input: 'src/vite' },
   ],
   externals: [
     '@vueuse/schema-org',

packages/vite/package.json

@@ -28,6 +28,11 @@
       "require": "./dist/index.cjs",
       "import": "./dist/index.mjs"
     },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "require": "./dist/vite.cjs",
+      "import": "./dist/vite.mjs"
+    },
     "./vitesse": {
       "types": "./dist/vitesse.d.ts",
       "require": "./dist/vitesse.cjs",
@@ -78,6 +83,7 @@
     "unplugin-vue-components": "^0.22.4",
     "vite": "^3.0.8",
     "vite-ssg": "^0.20.2",
-    "vitepress": "1.0.0-alpha.8"
+    "vitepress": "1.0.0-alpha.8",
+    "vue-router": "^4.1.4"
   }
 }

packages/vite/src/plugins/alias.ts

@@ -119,5 +119,6 @@ export const AliasRuntimePlugin = () => createUnplugin<AliasPluginOptions>((user
   }
 })
 
-export const AliasRuntimePluginWebpack = (args: AliasPluginOptions) => AliasRuntimePlugin().webpack(args)
-export const AliasRuntimePluginVite = (args: AliasPluginOptions) => AliasRuntimePlugin().vite(args)
+export const AliasRuntimePluginWebpack = (args?: AliasPluginOptions) => AliasRuntimePlugin().webpack(args || {})
+export const AliasRuntimePluginVite = (args?: AliasPluginOptions) => AliasRuntimePlugin().vite(args || {})
+export const SchemaOrg = AliasRuntimePluginVite

packages/vite/src/vite.ts

@@ -0,0 +1,48 @@
+import { createSchemaOrg, resolveUserConfig } from '@vueuse/schema-org'
+import type { UserConfig } from '@vueuse/schema-org'
+import type { App } from 'vue'
+import { createHead } from '@vueuse/head'
+import type { Router } from 'vue-router'
+
+export function installSchemaOrg(ctx: { app: App; router?: Router }, config: UserConfig) {
+  const resolvedConfig = resolveUserConfig(config)
+
+  let head = ctx.app._context.provides.usehead
+  if (!head) {
+    head = createHead()
+    ctx.app.use(head)
+  }
+
+  const client = createSchemaOrg({
+    updateHead(fn) {
+      head.addHeadObjs(fn)
+      if (typeof document !== 'undefined')
+        head.updateDOM()
+    },
+    meta() {
+      // const inferredMeta: Record<string, any> = {}
+
+      return {
+        path: ctx.router?.currentRoute.value.path || '/',
+        ...resolvedConfig.meta,
+        ...ctx.router?.currentRoute.value.meta || {},
+      }
+    },
+  })
+
+  ctx.app.use(client)
+
+  if (typeof document === 'undefined') {
+    client.generateSchema()
+    client.setupDOM()
+    return
+  }
+
+  if (ctx.router) {
+    ctx.router.afterEach(() => {
+      client.generateSchema()
+      client.setupDOM()
+    })
+  }
+  return client
+}