VueWeekly.dev - Issue #19 - Vue Core Library Updates + Next Gen UI Libraries 🎨
Storybook 6.1
Engineered for rapid UI development
Ionic, The UI Library for Vue 3
Ionic Framework is an open-source UI toolkit focused on building high-quality apps for native iOS, native Android, and the web! It’s built from the ground up with HTML, CSS, and JavaScript, so web developers should feel right at home. The components allow developers to build native experiences, all while using web technology. Now used by millions of developers, Ionic powers > 15% of all app store apps.
VitePress v0.9.0
Bug Fixes
- avoid 300ms click delay on touch devices (621ca3e)
- fix nested list having too much margin (b0cf2be)
- fix sidebar active status not working as expected (#140) (#149) (0b181e7)
- make code block look prettier (#146) (242fcc1)
- fix some color in code block not working as expected (#143) (da09266)
Features
- add "last updated" feature (40d204b)
Vue 3.0.3
Bug Fixes
- compiler-core/compiler-sfc: handle destructure assignment expressions (4c6078c)
- compiler-sfc: fix script setup ts helpers (6e3abc8)
- hmr: fix updates for imported but not yet rendered components (9c23ddf)
- runtime-core: components with static props and slots should not be force updated (51e43e0)
- runtime-core: ensure scheduler queue is always non-null (#2567) (af95604)
- runtime-dom: use correct import source (f28ca55)
- style-vars: apply css vars in post flush effect (3a6b120)
- handle case of ref declaration without initial value (8485cd4)
- types: ensure correct type for toRef and toRefs on existing refs (8e20375)
Experimental Features
Note: support for experimental features in SFCs have been updated according to changes in ongoing RFCs. This release may break existing usage of such experimental features.
- compiler-sfc: compileScript inline render function mode (886ed76)
- compiler-sfc: new script setup implementation (556560f)
- compiler-sfc: new SFC css varaible injection implementation (41bb7fa)
- compiler-sfc: support kebab-case components in
<script setup>sfc template (3f99e23) - runtime-core: explicit expose API (0e59770)
Reverts
- Revert "wip: allow scriptCompiled to be cached on sfc descriptor" (9db4288)
Vuex 3.6.0 (Stable)
Bug Fixes
- stop throwing an error on hasModule when parent does not exists (#1850) (#1851) (12aabe4)
Features
- types: adding logger type for logger plugin (#1853) (cb3198d)
- build: enable named esm module import on node.js >= 14 (#1872) (acddab2)
Vuex 4.0.0 RC2
Bug Fixes
- fix getters stop working when component is destroyed (#1884) (c3a695e)
- stop throwing an error on hasModule when parent does not exists (#1850) (f76d72d)
Features
- build: enable named esm module import on node.js >= 14 (4f4a909)
Quaser Framework v2 (Alpha) on Vue 3!
Direct link to the codepen example here
PrimeVue 3.0.2
Implemented New Features and Enhancements:
- Add the 'enter' key support to InputNumber #675
- Chips mode for MultiSelect #673
- New Timeline Component #672
- Toolbar requires slot attribute which is deprecated in Vue.js 3 #639
- SelectButton should allow a mode to ensure an options is always selected #494
Fixed bugs:
- SplitButton: after selecting the default command, the command menu does not close. #660
- Multiselect/Dropdown: when the menu open upwards style broken #659
- Autocomplete: when the menu open upwards style broken #658
- DataTable global filter bug #655
- Closing message and reopening it does not work #653
- Password element does not inherit attributes #651
- DataTable sortField allows a function, but the prop type is only a string #647
- Missing .d.ts file for usetoast #645
- InputNumber's onInputBlur fails when component gets destroyed #633
- missing type definition for toast/useToast.js #630
- Sidebar not visible on mount #627
- Accordion does not support dynamic tabs #622
- TabView does not support dynamic tabs #616
- PrimeVue FileUpload FileLimit #610
- DataTable multiple click RadioButton focus previous row #606
- FileUpload Preview columns become misaligned when both image and non-image files are uploaded #585
- Error with empty objects #556
- OverlayPanel :before "indicator" needs dynamic placement #490
Building a time tracking SaaS using Django & Vue
Do you want to learn how to build a time tracking SaaS from scratch using Django and Vue? Then you have come to the right place.
Don't miss what's next. Subscribe to VueWeekly.dev: