PCB

src/views/ecommerce/productInfo/productInfo.ts

@@ -1,51 +1,55 @@
-import Vue from 'vue'
-import { Component, Prop, Watch } from 'vue-property-decorator'
-
-import {
-  IAction,
-  IDrag, IProduct,
-  IProductsState, ITodo, ITodosState,
-  TypeProj
-} from '../../../model/index'
-import { SingleProject } from '../../../components/projects/SingleProject/index'
-import { CTodo } from '../../../components/todos/CTodo'
-
-import { tools } from '../../../store/Modules/tools'
-import { toolsext } from '@src/store/Modules/toolsext'
-import { lists } from '../../../store/Modules/lists'
-import * as ApiTables from '../../../store/Modules/ApiTables'
-
-import { GlobalStore, Projects, Todos } from '@store'
-import { UserStore } from '@store'
-
-import { Getter } from 'vuex-class'
-
-import { date, Screen } from 'quasar'
-import { CProgress } from '../../../components/CProgress'
-import { CDate } from '../../../components/CDate'
-import { RouteNames } from '@src/router/route-names'
+import { defineComponent, onMounted, ref } from 'vue'
+import { tools } from '@store/Modules/tools'
+import { useUserStore } from '@store/UserStore'
+import { useRouter } from 'vue-router'
+import { useRoute } from 'vue-router'
+import { useGlobalStore } from '@store/globalStore'
+import { useProducts } from '@store/Products'
+import { useI18n } from '@/boot/i18n'
+import { toolsext } from '@store/Modules/toolsext'
+import { useQuasar } from 'quasar'
+import { costanti } from '@costanti'
+import { shared_consts } from '@src/common/shared_vuejs'
+// import MixinBase from '@src/mixins/mixin-base'
 import { CProductCard } from '@src/components/CProductCard'
-import { Action } from 'vuex'
-import Products from '@src/store/Modules/Products'
 
-const namespace: string = 'Products'
 
-@Component({
+export default defineComponent({
   name: 'ProductInfo',
-  components: { SingleProject, CProgress, CTodo, CDate, CProductCard }
-})
+  components: { CProductCard },
+  props: {},
+  setup() {
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+    const productStore = useProducts()
+    const $router = useRouter()
+    const $route = useRoute()
+    const $q = useQuasar()
+    const { t } = useI18n();
+    const code = ref('')
 
-export default class ProductInfo extends Vue {
-  public $q: any
-  public code: string = ''
+    // const { setValDb, getValDb } = MixinBase()
 
-  public created() {
-    console.log('created productInfo')
-    console.log(this.$route)
-    if (!!this.$route.params.codprod) {
-      this.code = this.$route.params.codprod.toString()
+    function mounted() {
+      // Inizializza
+      console.log('created productInfo')
+      console.log($route)
+      if (!!$route.params.codprod) {
+        code.value = $route.params.codprod.toString()
+      }
+  
+      console.log('code', code)
     }
 
-    console.log('this.code', this.code)
+    onMounted(mounted)
+
+    return {
+      userStore,
+      costanti,
+      tools,
+      toolsext,
+      shared_consts,
+      code,
+    }
   }
-}
+})