MAJOR: chore: vue3 migration (#297)

* MAJOR: chore(build): update build config to drop vue2 support * MAJOR: chore(build): remove build system * MAJOR: refactor(styles): remove scss shared styles, use shared css only * MAJOR: chore(app): migrate design-system doc to vue3 + vite * MINOR: feat: add ability to register smart components with vue plugin * MINOR: refactor: move {main,router,store}.js into web folder
bimdata · Jul 5, 2023 · 05fff0e · 05fff0e
1 parent 6ec8fdb
commit 05fff0e
Show file tree

Hide file tree

Showing 131 changed files with 7,041 additions and 36,149 deletions.
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
       - uses: actions/setup-python@v4
         with:
           python-version: "3.10"
@@ -24,6 +24,7 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.REPOS_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: npm run semantic-release
+
   build-and-push:
     runs-on: [self-hosted, common]
     if: contains('

diff --git a/.npmignore b/.npmignore
@@ -1,5 +1,5 @@
-# ignore design system folder
-src/web/
+# ignore test files
+src/**/__test__/
 
-# ignore main.js of design system
-src/main.js
+# ignore design system app files
+src/web/
diff --git a/README.md b/README.md
@@ -3,7 +3,7 @@
 > BIMData's Design System is an open-source DS. The documentation is available here: [design.bimdata.io](https://design.bimdata.io/)
 
 <p align="center">
-  <img src="./screenshots/design-system_illustration.png" alt="Design system illustration" />
+  <img src="./design-system.png" alt="BIMData Design System" />
 </p>
 
 ## Used by
@@ -21,7 +21,7 @@ npm i @bimdata/design-system
 
 ## :raising_hand: Compatibility
 
-BIMData Design System is a library compatible with Vue 2 and Vue 3.
+BIMData Design System is a library compatible with Vue 3.
 
 ## :open_hands: Contributing
 
@@ -37,14 +37,8 @@ npm install
 ### Compiles and hot-reloads for development
 npm run dev
 
-### Compiles and minifies for production
-npm run build
-
 ### Run your tests
 npm run test
-
-### Lints and fixes files
-npm run lint
 ```
 
 ## :package: Publish / :rocket: Deploy

diff --git a/components.js b/components.js
diff --git a/screenshots/design-system_illustration.png → design-system.png b/screenshots/design-system_illustration.png → design-system.png
diff --git a/index.html b/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="/favicon.ico" />
+    <title>Design System</title>
+
+    <script type="module" src="/src/main.js"></script>
+  </head>
+  <body>
+    <noscript>
+      <strong>
+        We're sorry but the Design System doc doesn't work properly without JavaScript enabled.
+        Please enable it to continue.
+      </strong>
+    </noscript>
+    <div id="app"></div>
+  </body>
+</html>