- Converting all to Typescript

- Installing 1.0.0.beta Quasar Upgrade
   - (Part 1 - Upgrade Components)

quasar.conf.js

@@ -54,26 +54,35 @@ const extendHTMLToWebpack = (config) => {
 
 module.exports = function (ctx) {
   return {
+    // Quasar looks for *.js files by default
+    sourceFiles: {
+      router: 'src/router/index.ts',
+      store: 'src/store/index.ts'
+    },
+    // Quasar looks for *.js files by default
+    sourceFiles: {
+      router: 'src/router/index.ts',
+      store: 'src/store/index.ts'
+    },
     sourceFiles: {
       router: 'src/router/index.ts',
       store: 'src/store/index.ts'
     },
     // app plugins (/src/plugins)
-    plugins: ['i18n', 'axios', 'vee-validate', 'myconfig', 'local-storage', 'error-handler', 'globalroutines', 'vue-idb', 'dragula', 'guard'],
+    boot: ['vue-i18n', 'axios', 'vee-validate', 'myconfig', 'local-storage', 'error-handler', 'globalroutines', 'vue-idb', 'dragula', 'guard'],
     css: [
       'app.styl'
     ],
     extras: [
-      //ctx.theme.mat ?  : null,
       'roboto-font',
       'material-icons', // optional, you are not bound to it
-      'ionicons',
-      // 'mdi',
-      'fontawesome'
+      'ionicons-v4',
+      // 'mdi-v3',
+      'fontawesome-v5'
     ],
     supportIE: false,
     aliases: {
-      quasar: path.resolve(__dirname, '../node_modules/quasar-framework/'),
+      quasar: path.resolve(__dirname, '../node_modules/@quasar/'),
       src: path.resolve(__dirname, '../src'),
       statics: path.resolve(__dirname, '../src/statics'),
       components: path.resolve(__dirname, '../src/components')
@@ -118,57 +127,52 @@ module.exports = function (ctx) {
     framework: {
       components: [
         'QLayout',
-        'QLayoutHeader',
-        'QLayoutDrawer',
+        'QDrawer',
+        'QItemSection',
+        'QHeader',
+        'QFooter',
         'QPageContainer',
         'QPage',
+        'QPopupProxy',
         'QToolbar',
         'QToolbarTitle',
         'QBtn',
         'QBtnDropdown',
         'QIcon',
         'QList',
-        'QListHeader',
+        'QItemLabel',
         'QItem',
-        'QItemMain',
-        'QItemTile',
-        'QItemSide',
         'QCard',
-        'QCardTitle',
-        'QCardMain',
-        'QCardMedia',
-        'QCardSeparator',
+        'QCardSection',
         'QCardActions',
         'QField',
         'QInput',
         'QSelect',
-        'QPopover',
+        'QMenu',
         'QToggle',
         'QFab',
         'QInfiniteScroll',
         'QAjaxBar',
         'QChip',
-        'QCollapsible',
+        'QExpansionItem',
         'QCheckbox',
-        'QAlert',
+        'QBanner',
         'QInnerLoading',
         'QSpinnerGears',
-        'QDatetime',
+        'QDate',
+        'QTime',
         'QSlideTransition',
         'QTable',
-        'QTableColumns',
         'QTh',
         'QTr',
-        'QSearch',
         'QTd',
-        'QContextMenu',
-        'QProgress',
+        'QLinearProgress',
         'QSlider',
         'QPopupEdit',
+        'QCarousel',
       ],
       directives: [
         'Ripple',
-        'CloseOverlay',
       ],
       // Quasar plugins
       plugins: [
@@ -176,10 +180,10 @@ module.exports = function (ctx) {
         'Dialog',
         'Notify',
         'Cookies',
-        'ActionSheet', 'Loading'
+        'Loading'
       ],
-      iconSet: 'fontawesome',
-      i18n: 'it', // Quasar language
+      iconSet: 'fontawesome-v5',
+      lang: 'it', // Quasar language
     },
     animations: [],
     ssr: {