diff --git a/.vitepress/theme/components/Home.vue b/.vitepress/theme/components/Home.vue index afadcefd..bc188478 100644 --- a/.vitepress/theme/components/Home.vue +++ b/.vitepress/theme/components/Home.vue @@ -42,28 +42,26 @@ onMounted(async () => {

-
+
الراعي المميز -
diff --git a/package.json b/package.json index d0f2572b..9bd5ef60 100644 --- a/package.json +++ b/package.json @@ -13,8 +13,8 @@ "@vue/theme": "^2.2.4", "dynamics.js": "^1.1.5", "gsap": "^3.9.0", - "vitepress": "1.0.0-beta.7", - "vue": "^3.3.4" + "vitepress": "1.0.0-rc.31", + "vue": "^3.4.0-alpha.4" }, "devDependencies": { "@types/markdown-it": "^12.2.3", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fd726f05..83449a1b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -9,8 +9,8 @@ dependencies: specifier: ^1.5.0 version: 1.5.0(vue@3.4.27) '@vue/theme': - specifier: ^2.2.4 - version: 2.2.5(vitepress@1.0.0-beta.7)(vue@3.4.27) + specifier: ^2.2.5 + version: 2.2.5(vitepress@1.0.0-rc.31)(vue@3.4.0-alpha.4) dynamics.js: specifier: ^1.1.5 version: 1.1.5 @@ -21,8 +21,8 @@ dependencies: specifier: 1.0.0-beta.7 version: 1.0.0-beta.7(@types/node@16.9.1)(terser@5.14.2) vue: - specifier: ^3.3.4 - version: 3.4.27 + specifier: ^3.4.0-alpha.4 + version: 3.4.0-alpha.4 devDependencies: '@types/markdown-it': @@ -516,8 +516,17 @@ packages: /@vue/compiler-core@3.4.27: resolution: {integrity: sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==} dependencies: - '@babel/parser': 7.24.4 - '@vue/shared': 3.4.27 + '@babel/parser': 7.23.5 + '@vue/shared': 3.3.8 + estree-walker: 2.0.2 + source-map-js: 1.0.2 + dev: false + + /@vue/compiler-core@3.4.0-alpha.4: + resolution: {integrity: sha512-rEAqHu2kvUWIARelqkGnFS8eau1C65ph7ybtIjb/SFdbRHNjsal1osrbOBKNcdTSI2i1U+CO9a0zgoN/fuiKrw==} + dependencies: + '@babel/parser': 7.23.5 + '@vue/shared': 3.4.0-alpha.4 entities: 4.5.0 estree-walker: 2.0.2 source-map-js: 1.2.0 @@ -530,25 +539,40 @@ packages: '@vue/shared': 3.4.27 dev: false - /@vue/compiler-sfc@3.4.27: - resolution: {integrity: sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==} + /@vue/compiler-dom@3.4.0-alpha.4: + resolution: {integrity: sha512-ydv66Pr7llGyiK3xfJCOSu4L6DeSwTAXmYdd4ZNFF0APvHhaO70Pf24/JadwxxbbxkAQ3PxxO2Fit719E++ZaA==} dependencies: - '@babel/parser': 7.24.4 - '@vue/compiler-core': 3.4.27 - '@vue/compiler-dom': 3.4.27 - '@vue/compiler-ssr': 3.4.27 - '@vue/shared': 3.4.27 + '@vue/compiler-core': 3.4.0-alpha.4 + '@vue/shared': 3.4.0-alpha.4 + dev: false + + /@vue/compiler-sfc@3.3.8: + resolution: {integrity: sha512-WMzbUrlTjfYF8joyT84HfwwXo+8WPALuPxhy+BZ6R4Aafls+jDBnSz8PDz60uFhuqFbl3HxRfxvDzrUf3THwpA==} + dependencies: + '@babel/parser': 7.23.5 + '@vue/compiler-core': 3.3.8 + '@vue/compiler-dom': 3.3.8 + '@vue/compiler-ssr': 3.3.8 + '@vue/reactivity-transform': 3.3.8 + '@vue/shared': 3.3.8 estree-walker: 2.0.2 magic-string: 0.30.10 postcss: 8.4.38 source-map-js: 1.2.0 dev: false - /@vue/compiler-ssr@3.4.27: - resolution: {integrity: sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==} + /@vue/compiler-sfc@3.4.0-alpha.4: + resolution: {integrity: sha512-VfwPu0Ig+tPQ69BPdgUUipeWJ6juJ7uMn48K2KmCW3iCmtF6JyBEi4AP0ffsQxOUZZrk5VfdAAeZ0Tyf0k176w==} dependencies: - '@vue/compiler-dom': 3.4.27 - '@vue/shared': 3.4.27 + '@babel/parser': 7.23.5 + '@vue/compiler-core': 3.4.0-alpha.4 + '@vue/compiler-dom': 3.4.0-alpha.4 + '@vue/compiler-ssr': 3.4.0-alpha.4 + '@vue/shared': 3.4.0-alpha.4 + estree-walker: 2.0.2 + magic-string: 0.30.5 + postcss: 8.4.32 + source-map-js: 1.0.2 dev: false /@vue/devtools-api@6.5.0: @@ -561,51 +585,107 @@ packages: '@vue/shared': 3.4.27 dev: false - /@vue/repl@1.5.0(vue@3.4.27): - resolution: {integrity: sha512-qFqKtvA2FM9viYXzbWrpGrL8mDGswsqDsEjfaibr/YOqeza7i49VmO0AKPrOdQDOS2qmq9uV+G6OPX1rGhUSIQ==} - peerDependencies: - vue: ^3.2.13 + /@vue/compiler-ssr@3.4.0-alpha.4: + resolution: {integrity: sha512-cUZERxNjz2tr6pYmxoRTbUFBrECI1gBHCdxV3AoHvaojOSXvGaK0gWpbVRIcOa8B+8D1/BHDY4iQ6wNLwCX2sg==} dependencies: - vue: 3.4.27 + '@vue/compiler-dom': 3.4.0-alpha.4 + '@vue/shared': 3.4.0-alpha.4 + dev: false + + /@vue/devtools-api@6.5.1: + resolution: {integrity: sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA==} dev: false - /@vue/runtime-core@3.4.27: - resolution: {integrity: sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==} + /@vue/reactivity-transform@3.3.8: + resolution: {integrity: sha512-49CvBzmZNtcHua0XJ7GdGifM8GOXoUMOX4dD40Y5DxI3R8OUhMlvf2nvgUAcPxaXiV5MQQ1Nwy09ADpnLQUqRw==} dependencies: - '@vue/reactivity': 3.4.27 - '@vue/shared': 3.4.27 + '@babel/parser': 7.23.5 + '@vue/compiler-core': 3.3.8 + '@vue/shared': 3.3.8 + estree-walker: 2.0.2 + magic-string: 0.30.5 dev: false - /@vue/runtime-dom@3.4.27: - resolution: {integrity: sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==} + /@vue/reactivity@3.3.8: + resolution: {integrity: sha512-ctLWitmFBu6mtddPyOKpHg8+5ahouoTCRtmAHZAXmolDtuZXfjL2T3OJ6DL6ezBPQB1SmMnpzjiWjCiMYmpIuw==} dependencies: - '@vue/runtime-core': 3.4.27 - '@vue/shared': 3.4.27 - csstype: 3.1.3 + '@vue/shared': 3.3.8 + dev: false + + /@vue/reactivity@3.4.0-alpha.4: + resolution: {integrity: sha512-CTapSe3k33Z5EVCbp8BAo2VEWxR+zS7OujaGZ/vsT2oqF5/cTibA8v3fAc/zGcVAVpCP5Ow0h3NmyK/UzOp13Q==} + dependencies: + '@vue/shared': 3.4.0-alpha.4 + dev: false + + /@vue/repl@3.0.0: + resolution: {integrity: sha512-tGYibiftMo5yEuIKPWVsNuuNDejjJk0JQmvKtTm12KNLFqtGD7fWoGv1qUzcN9EAxwVeDgnT9ljRgqGVgZkyEg==} + dev: false + + /@vue/runtime-core@3.3.8: + resolution: {integrity: sha512-qurzOlb6q26KWQ/8IShHkMDOuJkQnQcTIp1sdP4I9MbCf9FJeGVRXJFr2mF+6bXh/3Zjr9TDgURXrsCr9bfjUw==} + dependencies: + '@vue/reactivity': 3.3.8 + '@vue/shared': 3.3.8 + dev: false + + /@vue/runtime-core@3.4.0-alpha.4: + resolution: {integrity: sha512-/z53VgwE8SIWqvkQHdMWSfGIwgFkCH7Yt5RHnPVfHH5KKUFeBxH1nYvh1n61A8qPUPuRY+WRetzC18+dDgLOvA==} + dependencies: + '@vue/reactivity': 3.4.0-alpha.4 + '@vue/shared': 3.4.0-alpha.4 + dev: false + + /@vue/runtime-dom@3.3.8: + resolution: {integrity: sha512-Noy5yM5UIf9UeFoowBVgghyGGPIDPy1Qlqt0yVsUdAVbqI8eeMSsTqBtauaEoT2UFXUk5S64aWVNJN4MJ2vRdA==} + dependencies: + '@vue/runtime-core': 3.3.8 + '@vue/shared': 3.3.8 + csstype: 3.1.2 + dev: false + + /@vue/runtime-dom@3.4.0-alpha.4: + resolution: {integrity: sha512-8FLZ3iPwoYAq1EofeUpp8dajfsRKP1uWJB1M1K9H0N9sJoYn+uRdl2cnxi2fer/duiiKA+mbVRUkHZUaJobXWA==} + dependencies: + '@vue/runtime-core': 3.4.0-alpha.4 + '@vue/shared': 3.4.0-alpha.4 + csstype: 3.1.2 dev: false - /@vue/server-renderer@3.4.27(vue@3.4.27): - resolution: {integrity: sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==} + /@vue/server-renderer@3.3.8(vue@3.3.8): + resolution: {integrity: sha512-zVCUw7RFskvPuNlPn/8xISbrf0zTWsTSdYTsUTN1ERGGZGVnRxM2QZ3x1OR32+vwkkCm0IW6HmJ49IsPm7ilLg==} peerDependencies: - vue: 3.4.27 + vue: ^3.2.13 dependencies: - '@vue/compiler-ssr': 3.4.27 - '@vue/shared': 3.4.27 vue: 3.4.27 dev: false + /@vue/server-renderer@3.4.0-alpha.4(vue@3.4.0-alpha.4): + resolution: {integrity: sha512-mGYnALHmSWueCwkTgkmipwc+kMStgC8EJNY8M65wPX8iLfyYjwH9X7NtbOYZf1uXk5ntkNQZAD7S/lXbpNtOIw==} + peerDependencies: + vue: 3.4.0-alpha.4 + dependencies: + '@vue/compiler-ssr': 3.4.0-alpha.4 + '@vue/shared': 3.4.0-alpha.4 + vue: 3.4.0-alpha.4 + dev: false + /@vue/shared@3.4.27: resolution: {integrity: sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA==} dev: false - /@vue/theme@2.2.5(vitepress@1.0.0-beta.7)(vue@3.4.27): + /@vue/shared@3.4.0-alpha.4: + resolution: {integrity: sha512-QfMlLNyxWlfJu0QVVhbVbItVhZbjiqsnJw45arcb7zSxfWp1bthB7HdSf9qvy1Xtq7BEECF5D6qSPK2dAXHrbA==} + dev: false + + /@vue/theme@2.2.5(vitepress@1.0.0-rc.31)(vue@3.4.0-alpha.4): resolution: {integrity: sha512-UUPD0XxlRa69Ytely8JEU/cu8Pae5f4UqZNIXANPN8KT6j/O23dCbOfp1cKlSn+Q/xXLYp0K+vRh4IqZjt/9BQ==} peerDependencies: vitepress: ^1.0.0-alpha.60 dependencies: - '@docsearch/css': 3.5.1 - '@docsearch/js': 3.5.1 - '@vueuse/core': 9.13.0(vue@3.4.27) + '@docsearch/css': 3.5.2 + '@docsearch/js': 3.5.2 + '@vueuse/core': 9.13.0(vue@3.4.0-alpha.4) body-scroll-lock: 3.1.5 normalize.css: 8.0.1 vitepress: 1.0.0-beta.7(@types/node@16.9.1)(terser@5.14.2) @@ -631,13 +711,13 @@ packages: - vue dev: false - /@vueuse/core@9.13.0(vue@3.4.27): + /@vueuse/core@9.13.0(vue@3.4.0-alpha.4): resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==} dependencies: '@types/web-bluetooth': 0.0.16 '@vueuse/metadata': 9.13.0 - '@vueuse/shared': 9.13.0(vue@3.4.27) - vue-demi: 0.14.5(vue@3.4.27) + '@vueuse/shared': 9.13.0(vue@3.4.0-alpha.4) + vue-demi: 0.14.6(vue@3.4.0-alpha.4) transitivePeerDependencies: - '@vue/composition-api' - vue @@ -710,10 +790,10 @@ packages: - vue dev: false - /@vueuse/shared@9.13.0(vue@3.4.27): + /@vueuse/shared@9.13.0(vue@3.4.0-alpha.4): resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==} dependencies: - vue-demi: 0.14.5(vue@3.4.27) + vue-demi: 0.14.6(vue@3.4.0-alpha.4) transitivePeerDependencies: - '@vue/composition-api' - vue @@ -850,6 +930,12 @@ packages: hasBin: true dev: false + /nanoid@3.3.7: + resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + dev: false + /normalize.css@8.0.1: resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==} dev: false @@ -867,6 +953,15 @@ packages: source-map-js: 1.2.0 dev: false + /postcss@8.4.32: + resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==} + engines: {node: ^10 || ^12 || >=14} + dependencies: + nanoid: 3.3.7 + picocolors: 1.0.0 + source-map-js: 1.0.2 + dev: false + /preact@10.16.0: resolution: {integrity: sha512-XTSj3dJ4roKIC93pald6rWuB2qQJO9gO2iLLyTe87MrjQN+HklueLsmskbywEWqCHlclgz3/M4YLL2iBr9UmMA==} dev: false @@ -1027,17 +1122,55 @@ packages: vue: 3.4.27 dev: false - /vue@3.4.27: - resolution: {integrity: sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==} + /vue-demi@0.14.6(vue@3.4.0-alpha.4): + resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==} + engines: {node: '>=12'} + hasBin: true + requiresBuild: true + peerDependencies: + '@vue/composition-api': ^1.0.0-rc.1 + vue: ^3.0.0-0 || ^2.6.0 + peerDependenciesMeta: + '@vue/composition-api': + optional: true + dependencies: + vue: 3.4.0-alpha.4 + dev: false + + /vue@3.3.8: + resolution: {integrity: sha512-5VSX/3DabBikOXMsxzlW8JyfeLKlG9mzqnWgLQLty88vdZL7ZJgrdgBOmrArwxiLtmS+lNNpPcBYqrhE6TQW5w==} peerDependencies: typescript: '*' peerDependenciesMeta: typescript: optional: true dependencies: - '@vue/compiler-dom': 3.4.27 - '@vue/compiler-sfc': 3.4.27 - '@vue/runtime-dom': 3.4.27 - '@vue/server-renderer': 3.4.27(vue@3.4.27) - '@vue/shared': 3.4.27 - dev: false \ No newline at end of file + '@vue/compiler-dom': 3.3.8 + '@vue/compiler-sfc': 3.3.8 + '@vue/runtime-dom': 3.3.8 + '@vue/server-renderer': 3.3.8(vue@3.3.8) + '@vue/shared': 3.3.8 + dev: false + + /vue@3.4.0-alpha.4: + resolution: {integrity: sha512-E7NXmHAxtkl1Cm+ESAqKM4cLSvr+3whalvN/bHOczBJrhd72NW7DxZ0O6rSbsmtZwNaq5n1LYznLaUmGwxAn4w==} + peerDependencies: + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + dependencies: + '@vue/compiler-dom': 3.4.0-alpha.4 + '@vue/compiler-sfc': 3.4.0-alpha.4 + '@vue/runtime-dom': 3.4.0-alpha.4 + '@vue/server-renderer': 3.4.0-alpha.4(vue@3.4.0-alpha.4) + '@vue/shared': 3.4.0-alpha.4 + dev: false + + /web-namespaces@2.0.1: + resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==} + dev: false + + /zwitch@2.0.4: + resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==} + dev: false diff --git a/src/guide/essentials/template-refs.md b/src/guide/essentials/template-refs.md index 7cb14db9..b64d3dac 100644 --- a/src/guide/essentials/template-refs.md +++ b/src/guide/essentials/template-refs.md @@ -67,7 +67,7 @@ export default { -تجدر الإشارة إلى أنه يمكنك الوصول إلى المرجع **بعد وصل المكون.** إذا حاولت الوصول إلى `$refs.input``input` في تعبيرات القالب، سيكون معدوم `null` في أول تصيير . لأن العنصر يكون غير متوفر حتى يتهيأ التصيير الأولي. +تجدر الإشارة إلى أنه يمكنك الوصول إلى المرجع **بعد وصل المكون.** إذا حاولت الوصول إلى `$refs.input``input` في تعبيرات المكون, سيكون `undefined``null` أثناء التصيير الأول. ذلك لأن العنصر لا يكون موجودًا إلا بعد اكتمال التصيير الأول!
diff --git a/src/guide/essentials/template-syntax.md b/src/guide/essentials/template-syntax.md index 178c1cdf..85e96072 100644 --- a/src/guide/essentials/template-syntax.md +++ b/src/guide/essentials/template-syntax.md @@ -115,7 +115,7 @@ data() { حتى الآن، لم نربط سوى الخاصيات البسيطة في قوالبنا. لكن Vue في الواقع يدعم قوة تعبيرات الـJavaScript كاملة داخل جميع حالات ربط البيانات: -```html +```vue-html {{ number + 1 }} {{ ok ? 'لا' : 'نعم' }} @@ -138,7 +138,7 @@ data() { و بالتالي الشيفرة الموالية **لن** تشتغل: -```html +```vue-html {{ var a = 1 }} @@ -150,7 +150,7 @@ data() { من الممكن استدعاء دالة مُعرَّفة في الشيفرة الخاصة بالمكون داخل تعبير ربط : -```html +```vue-html diff --git a/src/guide/typescript/overview.md b/src/guide/typescript/overview.md index 3d4222b6..e6f44e21 100644 --- a/src/guide/typescript/overview.md +++ b/src/guide/typescript/overview.md @@ -38,11 +38,11 @@ Vue مكتوب بلغة TypeScript ويوفر دعم TypeScript بدرجة أو ### إعداد `tsconfig.json` {#configuring-tsconfig-json} -المشاريع المنشأة عبر `create-vue` تتضمن `tsconfig.json` مُعد مسبقًا. يجرد الإعداد الأساسي في حزمة [`@vue/tsconfig`](https://github.com/vuejs/tsconfig) . داخل المشروع ، نستخدم [مراجع المشروع](https://www.typescriptlang.org/docs/handbook/project-references.html) لضمان الأنواع الصحيحة للشيفرة التي تعمل في بيئات مختلفة (على سبيل المثال ، يجب أن تكون الشيفرة الخاصة بالتطبيق والاختبار مختلفة في الحقول العامة). +المشاريع المنشأة عبر `create-vue` تتضمن `tsconfig.json` مُعد مسبقًا. يجرد الإعداد الأساسي في حزمة [`‎@vue/tsconfig`](https://github.com/vuejs/tsconfig) . داخل المشروع ، نستخدم [مراجع المشروع](https://www.typescriptlang.org/docs/handbook/project-references.html) لضمان الأنواع الصحيحة للشيفرة التي تعمل في بيئات مختلفة (على سبيل المثال ، يجب أن تكون الشيفرة الخاصة بالتطبيق والاختبار مختلفة في الحقول العامة). عند إعداد `tsconfig.json` يدويًا ، يتضمن بعض الخيارات الملحوظة: -- [`compilerOptions.isolatedModules`](https://www.typescriptlang.org/tsconfig#isolatedModules) مضبوط على `true` لأن Vite يستخدم [esbuild](https://esbuild.github.io/) لترجمة TypeScript ويعتمد على محدوديات الترجمة للملف الواحد. +- [`compilerOptions.isolatedModules`](https://www.typescriptlang.org/tsconfig#isolatedModules) مضبوط على `true` لان Vite يستخدم [esbuild](https://esbuild.github.io/) لترجمه TypeScript ويعتمد على محدوديات الترجمة للملف الواحد. [`compilerOptions.verbatimModuleSyntax`](https://www.typescriptlang.org/tsconfig#verbatimModuleSyntax) هو [a superset of `isolatedModules`](https://github.com/microsoft/TypeScript/issues/53601) وهو خيار جيد أيضًا - إنه ما يستخدمه [`‎@vue/tsconfig`](https://github.com/vuejs/tsconfig). - إذا كنت تستخدم واجهة الخيارات ، فيجب عليك تعيين [`compilerOptions.strict`](https://www.typescriptlang.org/tsconfig#strict) إلى `true` (أو على الأقل تمكين [`compilerOptions.noImplicitThis`](https://www.typescriptlang.org/tsconfig#noImplicitThis) ، وهو جزء من العلم `strict`) لاستغلال التحقق من الأنواع لـ `this` في خيارات المكون. وإلا ستُعامَل `this` كـ `any`. diff --git a/src/style-guide/index.md b/src/style-guide/index.md index ab3ce511..537e6599 100644 --- a/src/style-guide/index.md +++ b/src/style-guide/index.md @@ -4,10 +4,6 @@ outline: deep # Style Guide {#style-guide} -:::warning Status Notice -The style guide is currently a bit outdated. Most examples are in Options API only, and there are no rules regarding ` + + +``` + +```vue + + + +``` + +
+ +
+

Good

+ +```vue + + + +``` + +```vue + + + +``` + +
+ +