- starting project list...

- ordering some functions
- fix error TS2339

quasar.extensions.json was the problem !
inside had:
{
  "@quasar/typescript": {
    "webpack": "plugin",
    "rename": true
  }
}

src/components/Widgets/ProgressBar.vue

@@ -0,0 +1,49 @@
+<template>
+    <transition name='fade'>
+        <div class="progress" v-if="progressState.show"
+             :style="{
+        width: progressState.percent+'%',
+        height: progressState.height,
+        backgroundColor: progressState.canSuccess? progressState.color : progressState.failedColor,
+      }"
+        ></div>
+    </transition>
+</template>
+
+<script lang='ts'>
+  import Vue from 'vue'
+  import { Component } from 'vue-property-decorator'
+  import { ProgressBar } from '../../store/Modules/Interface'
+
+  @Component({})
+  export default class ProgressBarComponent extends Vue {
+
+    get progressState() {
+      return ProgressBar.state
+    }
+
+  }
+</script>
+
+<style scoped>
+    .progress {
+        position: fixed;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+        height: 2px;
+        width: 0%;
+        transition: width 0.2s linear;
+        z-index: 999999;
+    }
+
+    .fade-enter-active, .fade-leave-active {
+        transition: opacity 0.4s ease-out;
+    }
+
+    .fade-enter, .fade-leave-to {
+        opacity: 0;
+    }
+
+
+</style>

src/components/Widgets/index.ts

@@ -0,0 +1 @@
+export {default as ProgressBarComponent} from './ProgressBar.vue'