` component nuxt3 way\r\n - #4381 \t\r\n- refactor `timeFilters` with `\u003CNeoButton />` from #4330 \r\n\u003Cdetails>\r\n \u003Csummary>Code\u003C/summary>\r\n \r\n```vue\r\n \u003Cb-field>\r\n \u003Cp class=\"control\">\r\n \u003CNeoButton :class=\"{ active: state.timeRange == 'Day' }\" label=\"24 Hours\" @click=\"setTimeRange('Day')\" />\r\n \u003C/p>\r\n \u003Cp class=\"control\">\r\n \u003CNeoButton :class=\"{ active: state.timeRange == 'Day' }\" label=\"7 Days\" @click=\"setTimeRange('Week')\" />\r\n \u003C/p>\r\n \u003Cp class=\"control\">\r\n \u003CNeoButton :class=\"{ active: state.timeRange == 'Day' }\" label=\"30 Days\" @click=\"setTimeRange('Month')\" />\r\n \u003C/p>\r\n \u003Cp class=\"control\">\r\n \u003CNeoButton :class=\"{ active: state.timeRange == 'Day' }\" label=\"All\" @click=\"setTimeRange('All')\" />\r\n \u003C/p>\r\n \u003C/b-field>\r\n```\r\n \r\n\u003C/details>\r\n\r\n_Originally posted by @roiLeo in https://github.com/kodadot/nft-gallery/pull/4332#pullrequestreview-1183865135_\r\n ",[2111,2112,2113],{"name":2019,"color":2020},{"name":2008,"color":1989},{"name":2114,"color":2006},"A-landing",4364,"Follow up top collection data volume and & change v2","2022-12-03T14:52:36Z","https://github.com/kodadot/nft-gallery/issues/4364",0.7717657,["Reactive",2121],{},["Set"],["ShallowReactive",2124],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"iN5U0zrqvxZ0vNd9b5XW9Dm_Grhj5VJZ0M9jQumzAz0":-1},"/kodadot/nft-gallery/10162"]