diff --git a/.gitignore b/.gitignore index 500b1e6c..537db8c5 100644 --- a/.gitignore +++ b/.gitignore @@ -15,7 +15,6 @@ .Trashes .VolumeIcon.icns .com.apple.timemachine.donotpresent -.idea # Directories potentially created on remote AFP share .AppleDB diff --git a/.vitepress/inlined-scripts/restorePreference.js b/.vitepress/inlined-scripts/restorePreference.js index 6eee492a..5e18b50f 100644 --- a/.vitepress/inlined-scripts/restorePreference.js +++ b/.vitepress/inlined-scripts/restorePreference.js @@ -8,6 +8,6 @@ restore('vue-docs-prefer-composition', 'prefer-composition', true) restore('vue-docs-prefer-sfc', 'prefer-sfc', true) - window.__VUE_BANNER_ID__ = 'vueconfus2024' - restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed') + // window.__VUE_BANNER_ID__ = '' + // restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed') })() diff --git a/.vitepress/theme/components/Banner.vue b/.vitepress/theme/components/Banner.vue index 640a4b51..6730fcd4 100644 --- a/.vitepress/theme/components/Banner.vue +++ b/.vitepress/theme/components/Banner.vue @@ -22,30 +22,16 @@ function dismiss() { @@ -64,10 +50,12 @@ html:not(.banner-dismissed) { font-weight: 600; color: #fff; background-color: var(--vt-c-green); - background: #11252b; - display: flex; - justify-content: center; - align-items: center; + background: linear-gradient( + 90deg, + rgba(66, 184, 131, 1) 0%, + rgba(39, 179, 137, 1) 19%, + rgba(100, 126, 255, 1) 100% + ); } .banner-dismissed .banner { @@ -82,7 +70,7 @@ button { position: absolute; right: 0; top: 0; - padding: 20px 10px; + padding: 5px; } .close { @@ -91,59 +79,10 @@ button { fill: #fff; transform: rotate(45deg); } - -.vt-banner-text { - color: #fff; - font-size: 16px; -} - -.vt-text-primary { - color: #75c05e; -} - -.vt-primary-action { - background: #75c05e; - color: #121c1a; - padding: 8px 15px; - border-radius: 5px; - font-size: 14px; - text-decoration: none; - margin: 0 20px; - font-weight: bold; -} -.vt-primary-action:hover { - text-decoration: none; - background: #5a9f45; -} - -@media (max-width: 1280px) { - .banner .vt-banner-text { - font-size: 14px; - } - .vt-tagline { - display: none; - } -} - -@media (max-width: 780px) { - .vt-tagline { - display: none; - } - .vt-coupon { - display: none; - } - .vt-primary-action { - margin: 0 10px; - padding: 7px 10px; - } - .vt-time-now { - display: none; - } -} - -@media (max-width: 560px) { - .vt-place { +/* +@media (max-width: 720px) { + a > span { display: none; } -} +} */ diff --git a/.vitepress/theme/components/VueMasteryBanner.vue b/.vitepress/theme/components/VueMasteryBanner.vue deleted file mode 100644 index a65504dd..00000000 --- a/.vitepress/theme/components/VueMasteryBanner.vue +++ /dev/null @@ -1,287 +0,0 @@ - - - - - - diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts index f50c8bc9..7084831a 100644 --- a/.vitepress/theme/index.ts +++ b/.vitepress/theme/index.ts @@ -11,13 +11,12 @@ import SponsorsAside from './components/SponsorsAside.vue' import VueSchoolLink from './components/VueSchoolLink.vue' // import Banner from './components/Banner.vue' // import TextAd from './components/TextAd.vue' -import VueMasteryBanner from './components/VueMasteryBanner.vue' export default Object.assign({}, VPTheme, { Layout: () => { // @ts-ignore return h(VPTheme.Layout, null, { - banner: () => h(VueMasteryBanner), + // banner: () => h(Banner), 'sidebar-top': () => h(PreferenceSwitch), 'aside-mid': () => h(SponsorsAside) }) diff --git a/src/api/reactivity-advanced.md b/src/api/reactivity-advanced.md index 9453cb14..de6ed7c2 100644 --- a/src/api/reactivity-advanced.md +++ b/src/api/reactivity-advanced.md @@ -16,9 +16,9 @@ - **جزئیات** -برخلاف `ref`، مقدار درونی یک `shallowRef` همانطور که هست ذخیره و بازیابی می شود و عمیقا reactive نمی‌شود. فقط دسترسی مقدار «value» از آن reactive خواهد بود. + برخلاف `ref`، مقدار درونی یک `shallowRef` همانطور که هست ذخیره و بازیابی می شود و عمیقا reactive نمی‌شود. فقط دسترسی مقدار «value» از آن reactive خواهد بود. - ‍`shallowRef` معمولاً برای بهینه‌سازی عملکرد داده ساختار های بزرگ و یا ادغام با سیستم‌های مدیریت state خارجی، استفاده می‌شود. + `shallowRef` معمولاً برای بهینه‌سازی عملکرد داده ساختار های بزرگ و یا ادغام با سیستم‌های مدیریت state خارجی، استفاده می‌شود. - **مثال** @@ -31,7 +31,6 @@ // باعث بروز تغییر می شود state.value = { count: 2 } ``` - تنها زمانی بروز تغییر اتفاق می افتد که reference مقدار `value` تغییر کرده باشد. - **این مطالب را هم ببینید** - [راهنما - کاهش هزینه‌ی بیش از حد واکنش‌پذیری برای ساختارهای بزرگِ غیرقابل تغییر](/guide/best-practices/performance#reduce-reactivity-overhead-for-large-immutable-structures) @@ -41,7 +40,6 @@ این تابع Effect هایی را که به یک [shallow ref](#shallowref) وابسه هستند، به صورت اجباری، اجرا می کند. از این تابع معمولا زمانی استفاده می شود که بر روی value داخلی یک `shallowRef` تغییرات عمیق (تغییراتی که reference را تغییر نمی دهند) انجام شده باشد. - - **تایپ** ```ts @@ -118,7 +116,7 @@ } ``` -استفاده از آن در کامپوننت: + استفاده از آن در کامپوننت: ```vue