",
"license": "Apache-2.0",
"homepage": "https://www.graphite.design",
+ "dependencies": {
+ "vue": "^3.0.7",
+ "vue-class-component": "^8.0.0-0",
+ "vue-loader": "^16.1.2"
+ },
"devDependencies": {
"@typescript-eslint/eslint-plugin": "^2.33.0",
"@typescript-eslint/parser": "^2.33.0",
@@ -30,16 +32,12 @@
"eslint": "^6.7.2",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-vue": "^7.8.0",
- "html-webpack-plugin": "^4.5.2",
"lint-staged": "^9.5.0",
"sass": "^1.32.8",
"sass-loader": "^8.0.2",
"typescript": "~3.9.3",
- "vue-svg-loader": "^0.16.0",
- "vue-template-compiler": "^2.6.12",
- "webpack": "^4.45.0",
- "webpack-cli": "^4.5.0",
- "webpack-dev-server": "^3.11.2"
+ "vue-svg-loader": "^0.17.0-beta.2",
+ "vue-template-compiler": "^2.6.12"
},
"gitHooks": {
"pre-commit": "lint-staged"
@@ -49,9 +47,5 @@
"vue-cli-service lint",
"git add"
]
- },
- "dependencies": {
- "vue": "^3.0.7",
- "vue-class-component": "^8.0.0-0"
}
}
\ No newline at end of file
diff --git a/client/web/public/index.html b/client/web/public/index.html
index 14845741..ab3e785f 100644
--- a/client/web/public/index.html
+++ b/client/web/public/index.html
@@ -5,12 +5,12 @@
+
+
-
-
Graphite
diff --git a/client/web/src/App.vue b/client/web/src/App.vue
index 1152f82a..5ae76072 100644
--- a/client/web/src/App.vue
+++ b/client/web/src/App.vue
@@ -21,5 +21,15 @@ import MainWindow from "./components/window/MainWindow.vue";
export default defineComponent({
components: { MainWindow },
+ created() {
+ this.greet();
+ },
+ methods: {
+ async greet() {
+ const wasm = import("../wasm/pkg");
+ const { greet } = await wasm;
+ console.log(greet("Graphite"));
+ },
+ },
});
diff --git a/client/web/src/components/panel-system/DockablePanel.vue b/client/web/src/components/panel-system/DockablePanel.vue
index 51619370..2aca10b5 100644
--- a/client/web/src/components/panel-system/DockablePanel.vue
+++ b/client/web/src/components/panel-system/DockablePanel.vue
@@ -5,18 +5,12 @@
-
+
@@ -176,6 +170,8 @@ import Viewport from "../panels/ViewportPanel.vue";
import Properties from "../panels/PropertiesPanel.vue";
import Layers from "../panels/LayersPanel.vue";
import Minimap from "../panels/MinimapPanel.vue";
+import CloseX from "../../../assets/svg/16x16-bounds-12x12-icon/tab_close_x.svg";
+import VerticalEllipsis from "../../../assets/svg/16x24-bounds-8x16-icon/vertical-ellipsis.svg";
export default defineComponent({
components: {
@@ -183,6 +179,8 @@ export default defineComponent({
Properties,
Layers,
Minimap,
+ CloseX,
+ VerticalEllipsis,
},
props: {
tabMinWidths: { type: Boolean, default: false },
diff --git a/client/web/src/components/panels/LayersPanel.vue b/client/web/src/components/panels/LayersPanel.vue
index c59b0b15..8f23a1b5 100644
--- a/client/web/src/components/panels/LayersPanel.vue
+++ b/client/web/src/components/panels/LayersPanel.vue
@@ -9,8 +9,6 @@