Merge pull request #255 from asigloo/feature/change-to-vite

Feature/change to vite

Author: alvarosabu

.github/workflows/ci.yml

@@ -16,8 +16,6 @@ jobs:
         with:
           node-version: 12
       - name: Install dependencies
-        run: npm ci
-      - name: Run unit tests
-        run: npm run test --verbose
+        run: yarn
       - name: Build Library
-        run: npm run build
+        run: yarn build

.github/workflows/release.yml

@@ -16,16 +16,12 @@ jobs:
         with:
           node-version: 12
       - name: Install dependencies
-        run: npm ci
-      - name: Run unit tests
-        run: npm run test --verbose
+        run: yarn
       - name: Build Library
-        run: npm run build
-      - name: Build Types Declarations
-        run: npm run build:dts
+        run: yarn build
       - name: Release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
           CI: true
-        run: npm run semantic-release
+        run: yarn semantic-release

.husky/pre-commit

@@ -1,4 +1,3 @@
 #!/bin/sh
 . "$(dirname $0)/_/husky.sh"
 
-npm run lint

.husky/pre-push

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname $0)/_/husky.sh"
 
-npm test
+

README.md

@@ -148,7 +148,7 @@ export default defineComponent({
 
 We've prepared some demos to show different use cases of the library and how to use each type of input field.
 
-To check them just run the command bellow which run the app at `http://localhost:6044/ `
+To check them just run the command bellow which run the app at `http://localhost:3000/ `
 
 ```
 yarn run serve

cypress.json

@@ -1,5 +1,5 @@
 {
-  "baseUrl": "http://localhost:6044",
+  "baseUrl": "http://localhost:3000",
   "pluginsFile": "tests/e2e/plugins/index.js",
   "testFiles": "**/*.e2e.js*"
 }

demos/vue-3/public/index.html

@@ -1,20 +1,14 @@
-<template>
-  <div id="app">
-    <Toolbar />
-    <router-view />
-  </div>
-</template>
-
 <script lang="ts">
 import { defineComponent } from 'vue';
-import Toolbar from './components/Toolbar.vue';
-
-const components = {
-  Toolbar,
-};
 
 export default defineComponent({
   name: 'app',
-  components,
 });
 </script>
+
+<template>
+  <div id="app">
+    <Toolbar />
+    <router-view />
+  </div>
+</template>

demos/vue-3/src/App.vue

@@ -5,12 +5,9 @@
       <li class="rounded w-2 h-2 bg-yellow-300 inline-block mr-1"></li>
       <li class="rounded w-2 h-2 bg-green-500 inline-block"></li>
     </ul>
-    <pre
-      data-cy="form-values"
-      class="shadow-lg pt-4"
-      :data-formValues="jsonValues"
-      >{{ content }}</pre
-    >
+    <pre data-cy="form-values" class="pt-4" :data-formValues="jsonValues">{{
+      content
+    }}</pre>
   </div>
 </template>
 
@@ -32,5 +29,3 @@ export default defineComponent({
   },
 });
 </script>
-
-<style></style>