PASSAGGIO A VITE !

AGG. 1.1.23

src/boot/pinia.ts

@@ -0,0 +1,7 @@
+import { boot } from 'quasar/wrappers'
+import { createPinia } from 'pinia'
+
+export default boot(({ app }) => {
+  const pinia = createPinia()
+  app.use(pinia)
+})

src/components/CViewTable/CViewTable.ts

@@ -0,0 +1,61 @@
+import type {
+  PropType} from 'vue';
+import {
+  computed,
+  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRef, toRefs, watch,
+} from 'vue'
+
+import { tools } from '@tools'
+import type { IOptQueryGM } from '@src/model';
+import { IOptCatalogo, IMyScheda, IProduct, ISchedaSingola, IText } from '@src/model'
+
+import { useProducts } from '@store/Products'
+import { useGlobalStore } from '@src/store/globalStore'
+
+import { costanti } from '@costanti'
+
+export default defineComponent({
+  name: 'CViewTable',
+  props: {
+    options: {
+      type: Object as PropType<IOptQueryGM>,
+      required: true,
+    },
+  },
+
+  setup(props, { attrs, slots, emit }) {
+
+    const globalStore = useGlobalStore()
+
+    const risultatoHTML = ref('')
+    const tabella = ref('')
+
+    const loading = ref(false)
+
+    async function mounted() {
+      if (props.options) {
+        loading.value = true
+        await getTabellaDaGM()
+        loading.value = false
+      }
+    }
+
+    async function getTabellaDaGM() {
+      tabella.value = props.options.nameTable
+      risultatoHTML.value = ''
+      risultatoHTML.value = await globalStore.getGM_Tabella(props.options)
+    }
+
+
+    onMounted(mounted)
+    return {
+      tools,
+      globalStore,
+      costanti,
+      getTabellaDaGM,
+      risultatoHTML,
+      tabella,
+      loading,
+    }
+  },
+})

src/components/CViewTable/CViewTable.vue

@@ -0,0 +1,23 @@
+<template>
+  <q-inner-loading id="spinner" :showing="loading">
+    <q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
+  </q-inner-loading>
+  <div v-if="options">
+    <div class="text-center text-bold text-h6 text-blue">
+      Tabella: {{ options.nameTable }}<br>
+    </div>
+    <div class="text-center text-h7">
+      Query: {{ options.where }}<br>
+    </div>
+    risultatoHTML: {{risultatoHTML}}
+    <br><br>
+    <div v-html="risultatoHTML">
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./CViewTable.ts">
+</script>
+<style lang="scss" scoped>
+@import './CViewTable.scss';
+</style>

src/components/CViewTable/index.ts

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

src/db/lang/languages.ts

@@ -0,0 +1,9 @@
+// import it from 'quasar/lang/it.mjs';
+// import en from 'quasar/lang/en.mjs';
+
+// const languages = {
+// it,
+// en,
+// };
+
+// export default languages;

src/helpers.ts

@@ -0,0 +1,9 @@
+import { resolve, join } from 'path';
+
+// Ottieni la radice del progetto
+const ROOT = resolve(__dirname, '.');
+
+// Funzione per unire la radice con altri argomenti passati
+export function root(...args: string[]): string {
+  return join(ROOT, ...args);
+}

src/vite-env.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_LANG_DEFAULT: string;
+  // Aggiungi qui altre variabili d'ambiente di Vite se necessarie
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}