From 46642445422861622226be3d6a764dd35b106b6b Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 28 Nov 2020 12:15:22 +0900
Subject: [PATCH] wip
---
package.json | 7 +--
src/client/@types/vue.d.ts | 5 +-
src/client/components/ui/modal.vue | 4 +-
src/client/ui/_common_/header.vue | 16 +++---
yarn.lock | 90 ++++++++++--------------------
5 files changed, 45 insertions(+), 77 deletions(-)
diff --git a/package.json b/package.json
index 0b8a1e59b..a36361598 100644
--- a/package.json
+++ b/package.json
@@ -104,7 +104,7 @@
"@types/websocket": "1.0.1",
"@types/ws": "7.2.7",
"@typescript-eslint/parser": "4.6.1",
- "@vue/compiler-sfc": "3.0.2",
+ "@vue/compiler-sfc": "3.0.3",
"abort-controller": "3.0.0",
"apexcharts": "3.22.1",
"autobind-decorator": "2.4.0",
@@ -244,15 +244,14 @@
"vue-draggable-next": "1.0.8",
"vue-i18n": "9.0.0-beta.7",
"vue-json-pretty": "1.7.1",
- "vue-loader": "16.0.0-beta.8",
+ "vue-loader": "16.0.0",
"vue-prism-editor": "1.2.2",
"vue-router": "4.0.0-rc.2",
"vue-style-loader": "4.1.2",
- "vue-template-compiler": "2.6.12",
"vuex": "4.0.0-rc.1",
"vuex-persistedstate": "3.1.0",
"web-push": "3.4.4",
- "webpack": "5.6.0",
+ "webpack": "5.8.0",
"webpack-cli": "4.2.0",
"websocket": "1.0.32",
"ws": "7.3.1",
diff --git a/src/client/@types/vue.d.ts b/src/client/@types/vue.d.ts
index b3a21c6cd..798e8fcfa 100644
--- a/src/client/@types/vue.d.ts
+++ b/src/client/@types/vue.d.ts
@@ -1,4 +1,5 @@
declare module '*.vue' {
- import Vue from 'vue';
- export default Vue;
+ import { defineComponent } from 'vue';
+ const component: ReturnType<typeof defineComponent>;
+ export default component;
}
diff --git a/src/client/components/ui/modal.vue b/src/client/components/ui/modal.vue
index a4646cf94..ad3beee73 100644
--- a/src/client/components/ui/modal.vue
+++ b/src/client/components/ui/modal.vue
@@ -150,10 +150,10 @@ export default defineComponent({
});
</script>
-<style vars="{ transformOrigin }">
+<style>
.modal-popup-content-enter-active, .modal-popup-content-leave-active,
.modal-content-enter-from, .modal-content-leave-to {
- transform-origin: var(--transformOrigin);
+ transform-origin: v-bind(transformOrigin);
}
</style>
diff --git a/src/client/ui/_common_/header.vue b/src/client/ui/_common_/header.vue
index 87a562190..c58f2841f 100644
--- a/src/client/ui/_common_/header.vue
+++ b/src/client/ui/_common_/header.vue
@@ -74,29 +74,29 @@ export default defineComponent({
});
</script>
-<style lang="scss" scoped vars="{ height }">
+<style lang="scss" scoped>
.fdidabkb {
text-align: center;
> .back {
- height: var(--height);
- width: var(--height);
+ height: v-bind(height);
+ width: v-bind(height);
}
> .action {
- height: var(--height);
- width: var(--height);
+ height: v-bind(height);
+ width: v-bind(height);
}
> .titleContainer {
- width: calc(100% - (var(--height) * 2));
+ width: calc(100% - (v-bind(height) * 2));
> .title {
- height: var(--height);
+ height: v-bind(height);
> .avatar {
$size: 32px;
- margin: calc((var(--height) - #{$size}) / 2) 8px calc((var(--height) - #{$size}) / 2) 0;
+ margin: calc((v-bind(height) - #{$size}) / 2) 8px calc((v-bind(height) - #{$size}) / 2) 0;
pointer-events: none;
}
}
diff --git a/yarn.lock b/yarn.lock
index 9c427fc79..3a7b390f3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1059,17 +1059,6 @@
resolved "https://registry.yarnpkg.com/@ungap/promise-all-settled/-/promise-all-settled-1.1.2.tgz#aa58042711d6e3275dd37dc597e5d31e8c290a44"
integrity sha512-sL/cEvJWAnClXw0wHk85/2L0G6Sj8UB0Ctc1TEMbKSsmpRosqhwj9gWgFRZSrBr2f9tiXISwNhCPmlfqUqyb9Q==
-"@vue/compiler-core@3.0.2":
- version "3.0.2"
- resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.2.tgz#7790b7a1fcbba5ace4d81a70ce59096fa5c95734"
- integrity sha512-GOlEMTlC/OdzBkKaKOniYErbkjoKxkBOmulxGmMR10I2JJX6TvXd/peaO/kla2xhpliV/M6Z4TLJp0yjAvRIAw==
- dependencies:
- "@babel/parser" "^7.12.0"
- "@babel/types" "^7.12.0"
- "@vue/shared" "3.0.2"
- estree-walker "^2.0.1"
- source-map "^0.6.1"
-
"@vue/compiler-core@3.0.3":
version "3.0.3"
resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.3.tgz#dbb4d5eb91f294038f0bed170a1c25f59f7dc74f"
@@ -1081,14 +1070,6 @@
estree-walker "^2.0.1"
source-map "^0.6.1"
-"@vue/compiler-dom@3.0.2":
- version "3.0.2"
- resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.0.2.tgz#1d40de04bcdf9aabb79fb6a802dd70a2f3c2992a"
- integrity sha512-jvaL4QF2yXBJVD+JLbM2YA3e5fNfflJnfQ+GtfYk46ENGsEetqbkZqcX7fO+RHdG8tZBo7LCNBvgD0QLr+V4sg==
- dependencies:
- "@vue/compiler-core" "3.0.2"
- "@vue/shared" "3.0.2"
-
"@vue/compiler-dom@3.0.3":
version "3.0.3"
resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.0.3.tgz#582ba30bc82da8409868bc1153ff0e0e2be617e5"
@@ -1097,17 +1078,17 @@
"@vue/compiler-core" "3.0.3"
"@vue/shared" "3.0.3"
-"@vue/compiler-sfc@3.0.2":
- version "3.0.2"
- resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.0.2.tgz#22c70fed72c347a4d5fa2db2e80594b3193dce57"
- integrity sha512-viYjT5ehDSLM3v0jQ9hbTs4I5e/7lSlYsDOp7TQ1qcwHRvzoTQMTkFpY/Iae+LFKM124Ld17tBfXgfrZl9dt+g==
+"@vue/compiler-sfc@3.0.3":
+ version "3.0.3"
+ resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.0.3.tgz#7fad9d40e139dd717713c0db701e1eb776f8349f"
+ integrity sha512-YocHSirye85kRVC4lU0+SE6uhrwGJzbhwkrqG4g6kmsAUopZ0qUjbICMlej5bYx2+AUz9yBIM7hpK8nIKFVFjg==
dependencies:
"@babel/parser" "^7.12.0"
"@babel/types" "^7.12.0"
- "@vue/compiler-core" "3.0.2"
- "@vue/compiler-dom" "3.0.2"
- "@vue/compiler-ssr" "3.0.2"
- "@vue/shared" "3.0.2"
+ "@vue/compiler-core" "3.0.3"
+ "@vue/compiler-dom" "3.0.3"
+ "@vue/compiler-ssr" "3.0.3"
+ "@vue/shared" "3.0.3"
consolidate "^0.16.0"
estree-walker "^2.0.1"
hash-sum "^2.0.0"
@@ -1119,13 +1100,13 @@
postcss-selector-parser "^6.0.4"
source-map "^0.6.1"
-"@vue/compiler-ssr@3.0.2":
- version "3.0.2"
- resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.0.2.tgz#73af4d274a79bfcc72a996a9b45f1072e7deaa26"
- integrity sha512-gOgK1lf+0bFl+kQj6TU0TU1jIDFlsPRlSBZaUUA16DGeeiJrFanhsMuIs/l9U0IBFr/VJcHgzYpTXqHp95luHw==
+"@vue/compiler-ssr@3.0.3":
+ version "3.0.3"
+ resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.0.3.tgz#7d9e5c1b8c71d69865ac6c48d2e6eb2eecb68501"
+ integrity sha512-IjJMoHCiDk939Ix7Q5wrex59TVJr6JFQ95gf36f4G4UrVau0GGY/3HudnWT/6eyWJ7267+odqQs1uCZgDfL/Ww==
dependencies:
- "@vue/compiler-dom" "3.0.2"
- "@vue/shared" "3.0.2"
+ "@vue/compiler-dom" "3.0.3"
+ "@vue/shared" "3.0.3"
"@vue/reactivity@3.0.3":
version "3.0.3"
@@ -1151,11 +1132,6 @@
"@vue/shared" "3.0.3"
csstype "^2.6.8"
-"@vue/shared@3.0.2":
- version "3.0.2"
- resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.2.tgz#419bd85a2ebdbd4f42963e98c5a1b103452176d9"
- integrity sha512-Zx869zlNoujFOclKIoYmkh8ES2RcS/+Jn546yOiPyZ+3+Ejivnr+fb8l+DdXUEFjo+iVDNR3KyLzg03aBFfZ4Q==
-
"@vue/shared@3.0.3":
version "3.0.3"
resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.3.tgz#ef12ebff93a446df281e8a0fd765b5aea8e7745b"
@@ -3093,11 +3069,6 @@ dateformat@3.0.3:
resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
-de-indent@^1.0.2:
- version "1.0.2"
- resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
- integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
-
debug-fabulous@1.X:
version "1.1.0"
resolved "https://registry.yarnpkg.com/debug-fabulous/-/debug-fabulous-1.1.0.tgz#af8a08632465224ef4174a9f06308c3c2a1ebc8e"
@@ -4742,7 +4713,7 @@ hcaptcha@0.0.2:
resolved "https://registry.yarnpkg.com/hcaptcha/-/hcaptcha-0.0.2.tgz#18f4c055a2315db9f732ac77f9d0e30026bb2eb7"
integrity sha512-wWOncj/sY+q8s7tV12tjn3cFNoQhSu3l/7nTJi4QkFKALQi9XnduoXrV/KFzLg5lnB+5560zSAoi9YdYPDw6Eg==
-he@1.2.0, he@^1.1.0, he@^1.2.0:
+he@1.2.0, he@^1.2.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
@@ -9626,6 +9597,11 @@ tapable@^2.0.0:
resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.0.0.tgz#a49c3d6a8a2bb606e7db372b82904c970d537a08"
integrity sha512-bjzn0C0RWoffnNdTzNi7rNDhs1Zlwk2tRXgk8EiHKAOX1Mag3d6T0Y5zNa7l9CJ+EoUne/0UHdwS8tMbkh9zDg==
+tapable@^2.1.1:
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.1.1.tgz#b01cc1902d42a7bb30514e320ce21c456f72fd3f"
+ integrity sha512-Wib1S8m2wdpLbmQz0RBEVosIyvb/ykfKXf3ZIDqvWoMg/zTNm6G/tDSuUM61J1kNCDXWJrLHGSFeMhAG+gAGpQ==
+
tar-fs@^2.0.0:
version "2.0.1"
resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.0.1.tgz#e44086c1c60d31a4f0cf893b1c4e155dabfae9e2"
@@ -10426,10 +10402,10 @@ vue-json-pretty@1.7.1:
resolved "https://registry.yarnpkg.com/vue-json-pretty/-/vue-json-pretty-1.7.1.tgz#c7cd0ef9e85d89025a8bf87a0da14b0fc7d19913"
integrity sha512-D7aHQ5XPooSAEndTkb/RvXXJdmuCjaj14IMRdJwO4q+yJMpzPv87FT2gz4Dt2mCr1EzFyat7z7Qv9R+l/1as+w==
-vue-loader@16.0.0-beta.8:
- version "16.0.0-beta.8"
- resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-16.0.0-beta.8.tgz#1f523d9fea8e8c6e4f5bb99fd768165af5845879"
- integrity sha512-oouKUQWWHbSihqSD7mhymGPX1OQ4hedzAHyvm8RdyHh6m3oIvoRF+NM45i/bhNOlo8jCnuJhaSUf/6oDjv978g==
+vue-loader@16.0.0:
+ version "16.0.0"
+ resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-16.0.0.tgz#7ec137c7f9029f2a5990f39dc5abbca06d60ba30"
+ integrity sha512-R20f4PWe34dqhTZ9tkyFd6nfjxEbLBHbFOsN38qg0Jl8GKMfmoyc/E8vVjjRkunE6qCydpPoH7f/tW13bD6+JA==
dependencies:
chalk "^4.1.0"
hash-sum "^2.0.0"
@@ -10453,14 +10429,6 @@ vue-style-loader@4.1.2:
hash-sum "^1.0.2"
loader-utils "^1.0.2"
-vue-template-compiler@2.6.12:
- version "2.6.12"
- resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.12.tgz#947ed7196744c8a5285ebe1233fe960437fcc57e"
- integrity sha512-OzzZ52zS41YUbkCBfdXShQTe69j1gQDZ9HIX8miuC9C3rBCk9wIRjLiZZLrmX9V+Ftq/YEyv1JaVr5Y/hNtByg==
- dependencies:
- de-indent "^1.0.2"
- he "^1.1.0"
-
vue@3.0.3:
version "3.0.3"
resolved "https://registry.yarnpkg.com/vue/-/vue-3.0.3.tgz#ad94a475e6ebbf3904673b6a0ae46e47b957bd72"
@@ -10569,10 +10537,10 @@ webpack-sources@^2.1.1:
source-list-map "^2.0.1"
source-map "^0.6.1"
-webpack@5.6.0:
- version "5.6.0"
- resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.6.0.tgz#282d10434c403b070ed91d459b385e873b51a07d"
- integrity sha512-SIeFuBhuheKElRbd84O35UhKc0nxlgSwtzm2ksZ0BVhRJqxVJxEguT/pYhfiR0le/pxTa1VsCp7EOYyTsa6XOA==
+webpack@5.8.0:
+ version "5.8.0"
+ resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.8.0.tgz#65f00a181708279ff982c2d7338e1dd5505364c4"
+ integrity sha512-X2yosPiHip3L0TE+ylruzrOqSgEgsdGyBOGFWKYChcwlKChaw9VodZIUovG1oo7s0ss6e3ZxBMn9tXR+nkPThA==
dependencies:
"@types/eslint-scope" "^3.7.0"
"@types/estree" "^0.0.45"
@@ -10594,7 +10562,7 @@ webpack@5.6.0:
neo-async "^2.6.2"
pkg-dir "^4.2.0"
schema-utils "^3.0.0"
- tapable "^2.0.0"
+ tapable "^2.1.1"
terser-webpack-plugin "^5.0.3"
watchpack "^2.0.0"
webpack-sources "^2.1.1"