.

README.md

@@ -54,7 +54,7 @@ $ pnpm design:build # build frontend/packages/design
 $ pnpm ... # install/preinstall scripts trigger during project setup
 ```
 
-## Project Structure
+## Directory Structure
 
 ```bash
 .
@@ -71,7 +71,7 @@ $ pnpm ... # install/preinstall scripts trigger during project setup
 │   │   ├── env.go # load os environment variable
 │   │   ├── logger.go # setup loggers
 │   ├── model # model module, data layer
-│   │   ├── model # database setup
+│   │   ├── model.go # database setup
 │   │   └── my_option.go # define application options for app config storage
 │   ├── pkg # pkg module, cross cutting
 │   │   ├── i18n # manage locale/translation strings for backend

frontend/packages/components/Icon/index.ts

@@ -1,4 +1,5 @@
 import { App } from "vue";
+import "@jinyaoma/my-app-icons";
 import Icon from "./icon.vue";
 
 Icon.install = (app: App) => {

frontend/packages/components/package.json

@@ -2,7 +2,11 @@
   "name": "@jinyaoma/my-app-components",
   "version": "0.1.0",
   "type": "module",
+  "main": "index.ts",
   "peerDependencies": {
     "vue": "^3.2.37"
+  },
+  "dependencies": {
+    "@jinyaoma/my-app-icons": "workspace:*"
   }
 }

frontend/packages/design/index.ts

@@ -1,5 +1,5 @@
 import { App, Plugin } from "vue";
-import { MyHelloWorld, MyIcon } from "../components";
+import { MyHelloWorld, MyIcon } from "@jinyaoma/my-app-components";
 
 const components = [MyHelloWorld, MyIcon];
 

frontend/packages/design/package.json

@@ -25,6 +25,7 @@
     "vue": "^3.2.37"
   },
   "devDependencies": {
+    "@jinyaoma/my-app-components": "workspace:*",
     "@vitejs/plugin-vue": "^3.1.0",
     "sass": "^1.54.9",
     "typescript": "^4.6.4",

frontend/packages/design/tsconfig.json

@@ -16,8 +16,8 @@
     ],
     "skipLibCheck": true,
   },
-  "exclude": [
-    "node_modules"
+  "include": [
+    "*.ts"
   ],
   "references": [
     {

frontend/packages/icons/index.js

@@ -0,0 +1 @@
+import "./dist/my-icon.css";

frontend/packages/icons/package.json

@@ -1,7 +1,13 @@
 {
   "name": "@jinyaoma/my-app-icons",
   "version": "0.1.0",
+  "main": "index.js",
+  "module": "index.js",
   "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.js"
+    },
     "./dist/my-icon.css": {
       "import": "./dist/my-icon.css",
       "require": "./dist/my-icon.css"

package.json

@@ -39,5 +39,8 @@
   "bugs": {
     "url": "https://github.com/jinyaoMa/my-app/issues"
   },
-  "homepage": "https://github.com/jinyaoMa/my-app#readme"
+  "homepage": "https://github.com/jinyaoMa/my-app#readme",
+  "dependencies": {
+    "@jinyaoma/my-app-components": "workspace:^0.1.0"
+  }
 }