After entering the key phrase, all the hidden content is shown.

this plugin enables the custom directive "v-c-secret"

example usage:

<template>
   <div v-c-secret>
      some text which is not seen until secret phase is entered
   </div>
</template>

in your main file:

import secretDirectivePlugin from './plugins/secret-directive/secret-directive'

app.use(secretDirectivePlugin, {
    secret: 'EXAMPLES-ECRET'
})

otherwise the secret is just 'secret'

for global access to the secret, we include the secrete directive component in our root view.

Error [ERR_INVALID_PACKAGE_CONFIG]: Invalid package config D:\Projects\bkeanu1989.github.io\node_modules\vue3-plugin-secret-directive\package.json while importing file:///D:/Projects/bkeanu1989.github.io/docs/.vuepress/config.ts.628f480e.mjs. "exports" cannot contain some keys starting with '.' and some not. The exports object must either be an object of package subpath keys or an object of main entry condition name keys only.

-> ▲ [WARNING] This object cannot contain keys that both start with "." and don't start with "." [package.json]

package.json:18:4:
  18 │     "/secondary": {

The key "/secondary" is incompatible with the previous key ".":

package.json:14:4:
  14 │     ".": {
     ╵     ~~~

event though: https://vitejs.dev/guide/build.html

{
  "name": "my-lib",
  "type": "module",
  "files": ["dist"],
  "main": "./dist/my-lib.cjs",
  "module": "./dist/my-lib.js",
  "exports": {
    ".": {
      "import": "./dist/my-lib.js",
      "require": "./dist/my-lib.cjs"
    },
    "./secondary": {
      "import": "./dist/secondary.js",
      "require": "./dist/secondary.cjs"
    }
  }
}

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './dist/secret-directive-vuepress.es.js' is not defined by "exports" in D:\Projects\bkeanu1989.github.io\node_modules\vue3-plugin-secret-directive\package.json imported from D:\Projects\bkeanu1989.github.io\docs.vuepress\config.ts.628f480e.mjs

-> use path of exports aka /secondary

TypeError: Cannot read properties of undefined (reading 'secret') at Object.onInitialized [as hook] (file:///D:/Projects/bkeanu1989.github.io/node_modules/.pnpm/[email protected]/node_modules/vue3-plugin-secret-directive/dist/secret-directive-vuepress.es.js:42:40)