config nucleus-vue

Author: lucasferreiralimax

demo/src/App.config.js

@@ -0,0 +1,35 @@
+import pkg from '../../package.json';
+const appVersion = pkg.version;
+const vueVersion = pkg.dependencies.vue.replace('^', '');
+
+export const configApp = {
+  name: '@vue-a11y/vlibras',
+  npm: 'https://www.npmjs.com/package/@vue-a11y/vlibras',
+  github: 'https://github.com/vue-a11y/vue-vlibras',
+  author: 'Vue a11y',
+  appVersion,
+  vueVersion,
+  stepsInstall: [
+    {
+      name: 'Install',
+      language: 'bash',
+      content: 'npm install vue-a11y/vlibras',
+    },
+    {
+      name: 'Import in app',
+      language: 'tsx',
+      content: `import { createApp } from 'vue'
+import App from './App.vue'
+import VLibras from '@vue-a11y/vlibras'
+
+createApp(App)
+  .use(VLibras)
+  .mount('#app')`,
+    },
+    {
+      name: 'Usage component',
+      language: 'tsx',
+      content: `<VLibras />`,
+    },
+  ],
+}

demo/src/App.vue

@@ -1,31 +1,10 @@
 <script setup>
-import HelloWorld from './components/HelloWorld.vue'
+import Nucleus from 'nucleus-vue';
+import { configApp } from './App.config';
 </script>
 
 <template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-  <VLibras />
+  <Nucleus :config="configApp">
+    <VLibras />
+  </Nucleus>
 </template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>