feat(f7-components): import all available components

Some, including searchBar was missing

Author: Pooya Parsa

Diff for: lib/templates/f7-components.js

@@ -1,143 +1,7 @@
-import {
-  f7AccordionContent,
-  f7AccordionItem,
-  f7AccordionToggle,
-  f7Accordion,
-  f7Badge,
-  f7BlockFooter,
-  f7BlockHeader,
-  f7BlockTitle,
-  f7Block,
-  f7Button,
-  f7CardContent,
-  f7CardFooter,
-  f7CardHeader,
-  f7Card,
-  f7Checkbox,
-  f7Chip,
-  f7Col,
-  f7FabButton,
-  f7FabButtons,
-  f7Fab,
-  f7Icon,
-  f7Input,
-  f7Label,
-  f7Link,
-  f7ListButton,
-  f7ListGroup,
-  f7ListItemCell,
-  f7ListItemContent,
-  f7ListItemRow,
-  f7ListItem,
-  f7List,
-  f7LoginScreenTitle,
-  f7Message,
-  f7MessagebarAttachment,
-  f7MessagebarAttachments,
-  f7MessagebarSheetImage,
-  f7MessagebarSheetItem,
-  f7MessagebarSheet,
-  f7Messagebar,
-  f7MessagesTitle,
-  f7Messages,
-  f7NavLeft,
-  f7NavRight,
-  f7NavTitle,
-  f7Navbar,
-  f7PageContent,
-  f7Page,
-  f7Panel,
-  f7Preloader,
-  f7Progressbar,
-  f7Radio,
-  f7Range,
-  f7Row,
-  f7Segmented,
-  f7Statusbar,
-  f7Subnavbar,
-  f7SwipeoutActions,
-  f7SwipeoutButton,
-  f7SwiperSlide,
-  f7Swiper,
-  f7Tab,
-  f7Tabs,
-  f7Toggle,
-  f7Toolbar,
-  f7View,
-  f7Views,
-} from 'framework7-vue'
+import * as components from 'framework7-vue'
 
 export default {
   install(Vue) {
-    Vue.mixin({
-      components: {
-        f7AccordionContent,
-        f7AccordionItem,
-        f7AccordionToggle,
-        f7Accordion,
-        f7Badge,
-        f7BlockFooter,
-        f7BlockHeader,
-        f7BlockTitle,
-        f7Block,
-        f7Button,
-        f7CardContent,
-        f7CardFooter,
-        f7CardHeader,
-        f7Card,
-        f7Checkbox,
-        f7Chip,
-        f7Col,
-        f7FabButton,
-        f7FabButtons,
-        f7Fab,
-        f7Icon,
-        f7Input,
-        f7Label,
-        f7Link,
-        f7ListButton,
-        f7ListGroup,
-        f7ListItemCell,
-        f7ListItemContent,
-        f7ListItemRow,
-        f7ListItem,
-        f7List,
-        f7LoginScreenTitle,
-        f7Message,
-        f7MessagebarAttachment,
-        f7MessagebarAttachments,
-        f7MessagebarSheetImage,
-        f7MessagebarSheetItem,
-        f7MessagebarSheet,
-        f7Messagebar,
-        f7MessagesTitle,
-        f7Messages,
-        f7NavLeft,
-        f7NavRight,
-        f7NavTitle,
-        f7Navbar,
-        f7PageContent,
-        f7Page,
-        f7Panel,
-        f7Preloader,
-        f7Progressbar,
-        f7Radio,
-        f7Range,
-        f7Row,
-        f7Segmented,
-        f7Statusbar,
-        f7Subnavbar,
-        f7SwipeoutActions,
-        f7SwipeoutButton,
-        f7SwiperSlide,
-        f7Swiper,
-        f7Tab,
-        f7Tabs,
-        f7Toggle,
-        f7Toolbar,
-        f7View,
-        f7Views,
-      },
-    })
+    Vue.mixin({ components })
   }
 }