feat: Quasar components inside templates using PascalCase quasarframework#1601

Author: rstoenescu

src/components/action-sheet/QActionSheet.js

@@ -3,7 +3,7 @@ import { QIcon } from '../icon'
 import { QList, QItem, QItemSide, QItemMain, QItemSeparator } from '../list'
 
 export default {
-  name: 'q-action-sheet',
+  name: 'QActionSheet',
   props: {
     value: Boolean,
     title: String,

src/components/ajax-bar/QAjaxBar.js

@@ -62,7 +62,7 @@ function restoreAjax () {
 }
 
 export default {
-  name: 'q-ajax-bar',
+  name: 'QAjaxBar',
   props: {
     position: {
       type: String,

src/components/alert/QAlert.js

@@ -2,7 +2,7 @@ import { QIcon } from '../icon'
 import { QBtn } from '../btn'
 
 export default {
-  name: 'q-alert',
+  name: 'QAlert',
   props: {
     type: {
       type: String,

src/components/autocomplete/QAutocomplete.js

@@ -6,7 +6,7 @@ import { QList, QItemWrapper } from '../list'
 import KeyboardSelectionMixin from '../../mixins/keyboard-selection'
 
 export default {
-  name: 'q-autocomplete',
+  name: 'QAutocomplete',
   mixins: [KeyboardSelectionMixin],
   props: {
     minCharacters: {

src/components/breadcrumbs/QBreadcrumbs.js

@@ -1,7 +1,7 @@
 import AlignMixin from '../../mixins/align'
 
 export default {
-  name: 'q-breadcrumbs',
+  name: 'QBreadcrumbs',
   mixins: [AlignMixin],
   props: {
     color: {

src/components/breadcrumbs/QBreadcrumbsEl.js

@@ -2,7 +2,7 @@ import { QIcon } from '../icon'
 import { RouterLinkMixin } from '../../utils/router-link'
 
 export default {
-  name: 'q-breadcrumbs-el',
+  name: 'QBreadcrumbsEl',
   mixins: [{ props: RouterLinkMixin.props }],
   props: {
     label: String,

src/components/btn/QBtn.js

@@ -3,7 +3,7 @@ import { QSpinner } from '../spinner'
 import { between } from '../../utils/format'
 
 export default {
-  name: 'q-btn',
+  name: 'QBtn',
   mixins: [BtnMixin],
   props: {
     percentage: Number,
@@ -141,7 +141,7 @@ export default {
         ? [ this.$slots.loading || h(QSpinner) ]
         : [
           this.icon
-            ? h('q-icon', {
+            ? h('QIcon', {
               'class': { 'on-left': this.label && this.isRectangle },
               props: { name: this.icon }
             })
@@ -152,7 +152,7 @@ export default {
           this.$slots.default,
 
           this.iconRight && this.isRectangle
-            ? h('q-icon', {
+            ? h('QIcon', {
               staticClass: 'on-right',
               props: { name: this.iconRight }
             })

src/components/btn/QBtnDropdown.js

@@ -4,7 +4,7 @@ import QBtnGroup from './QBtnGroup'
 import { QPopover } from '../popover'
 
 export default {
-  name: 'q-btn-dropdown',
+  name: 'QBtnDropdown',
   mixins: [BtnMixin],
   props: {
     value: Boolean,
@@ -53,7 +53,7 @@ export default {
         [ this.$slots.default ]
       ),
       Icon = h(
-        'q-icon',
+        'QIcon',
         {
           props: {
             name: this.$q.icon.input.dropdown

src/components/btn/QBtnGroup.js

@@ -1,5 +1,5 @@
 export default {
-  name: 'q-btn-group',
+  name: 'QBtnGroup',
   props: {
     outline: Boolean,
     flat: Boolean,

src/components/btn/QBtnToggle.js

@@ -2,7 +2,7 @@ import QBtn from './QBtn'
 import QBtnGroup from './QBtnGroup'
 
 export default {
-  name: 'q-btn-toggle',
+  name: 'QBtnToggle',
   props: {
     value: {
       required: true