{{ number }}\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nexport default {\r\n setup() {\r\n const baseNumber = ref(0)\r\n\r\n const number = useStateTransition(baseNumber, {\r\n duration: 1000,\r\n steps: 30, // probably a reasonable default, but allows for custom framerates\r\n transition: [0.77, 0, 0.175, 1] // maybe have aliases like 'easeInOutQuart'?\r\n })\r\n\r\n return { baseNumber, number }\r\n }\r\n}\r\n\u003C/script>\r\n```",[],62,"State easing","2020-03-23T14:55:04Z","https://github.com/vueuse/vueuse/issues/62",0.6924457,{"description":3135,"labels":3136,"number":3140,"owner":3067,"repository":3067,"state":3089,"title":3141,"updated_at":3142,"url":3143,"score":3144},"### Describe the bug\n\nI just discovered that the transition animation of `el-switch` is gone. I searched the issues of vueuse and found that I need to pass this parameter `disableTransition: false` (https://github.com/vueuse/vueuse/issues/3063#issuecomment-1535907492), but when I passed it, there was still no transition animation.\r\n\r\n```ts\r\nconst isDark = useDark({ disableTransition: false })\r\n```\r\n\r\n> When using the `ref` function to switch, the transition animation is normal.\n\n### Reproduction\n\nhttps://github.com/tangllty/tang-vue/blob/master/src/layout/components/Navbar/index.vue#L79\n\n### System Info\n\n```Shell\nSystem:\r\n OS: Linux 6.8 Arch Linux\r\n CPU: (8) x64 Intel(R) Core(TM) i5-10210U CPU @ 1.60GHz\r\n Memory: 2.32 GB / 15.36 GB\r\n Container: Yes\r\n Shell: 5.2.26 - /bin/bash\r\n Binaries:\r\n Node: 18.19.0 - ~/.nvm/versions/node/v18.19.0/bin/node\r\n Yarn: 1.22.21 - /usr/bin/yarn\r\n npm: 10.2.3 - ~/.nvm/versions/node/v18.19.0/bin/npm\r\n pnpm: 8.15.2 - /usr/bin/pnpm\r\n Browsers:\r\n Chromium: 123.0.6312.46\r\n npmPackages:\r\n @vueuse/core: ^10.9.0 => 10.9.0 \r\n vue: ^3.4.21 => 3.4.21\n```\n\n\n### Used Package Manager\n\npnpm\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [x] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [X] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3137],{"name":3138,"color":3139},"vue: upstream","0E8A16",3871,"useDark's disableTransition configuration does not work","2024-03-27T01:50:48Z","https://github.com/vueuse/vueuse/issues/3871",0.70149064,{"description":3146,"labels":3147,"number":3149,"owner":3067,"repository":3067,"state":3089,"title":3150,"updated_at":3151,"url":3152,"score":3153},"### Clear and concise description of the problem\n\nIn my project I found myself to concatenate a quite large amount of string and found myself doing this multiple times;\r\n```typescript\r\nconst path = computed(() => corsProxy.value + gameURL.value)\r\n```\n\n### Suggested solution\n\nLike the `useSum` we could have a `useConcatenate` or allow `useToString` to have multiple params.\n\n### Alternative\n\nThere is really other alternative than the one I wrote at the start of this feature request.\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.",[3148],{"name":3077,"color":3078},2134,"[Feature] useConcatenate","2022-11-03T18:59:51Z","https://github.com/vueuse/vueuse/issues/2134",0.7026831,["Reactive",3155],{},["Set"],["ShallowReactive",3158],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fomBUYTCM49DD0B-EnQ0C5I8gQwUBbr-OaSj2Eb0ML1E":-1},"/vueuse/vueuse/364"]