From b53ec237a7ae056532625729c1e79172099879d6 Mon Sep 17 00:00:00 2001
From: pvincent <pvincent@artcode.re>
Date: Tue, 2 Mar 2021 17:20:04 +0400
Subject: [PATCH] store init

---
 .vscode/settings.json      | 32 +++++++++++++-----------
 README.md                  |  6 +----
 TODO.md                    |  6 ++---
 src/App.vue                |  2 +-
 src/{ => assets}/index.css |  0
 src/components/Basket.vue  | 29 +++++++++++++---------
 src/main.ts                |  8 +++---
 src/shims-vue.d.ts         |  8 +++---
 src/stores/global.ts       |  7 ++++++
 vite.config.ts             | 50 +++++++++++++++++++++-----------------
 10 files changed, 82 insertions(+), 66 deletions(-)
 rename src/{ => assets}/index.css (100%)
 create mode 100644 src/stores/global.ts

diff --git a/.vscode/settings.json b/.vscode/settings.json
index c4f57e3..aa5d60d 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,16 +1,20 @@
 {
-    "eslint.enable": true,
-    "vetur.validation.template": false,
-	"vetur.validation.templateProps": true,
-	"vetur.validation.interpolation": true,
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "cSpell.words": [
-        "Astrologia",
-        "Kamal",
-        "Kamalātmikā",
-        "Yantra",
-        "protovue",
-        "tmik"
-    ]
+  "eslint.enable": true,
+  "vetur.validation.template": false,
+  "vetur.validation.templateProps": true,
+  "vetur.validation.interpolation": true,
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "cSpell.enableFiletypes": ["markdown", "!typescript", "!json"],
+  "cSpell.words": [
+    "Astrologia",
+    "Codium",
+    "Dolibarr's",
+    "Kamal",
+    "Kamalātmikā",
+    "Yantra",
+    "protovue",
+    "tmik",
+    "windi"
+]
 }
diff --git a/README.md b/README.md
index 9dbc411..ac876dc 100644
--- a/README.md
+++ b/README.md
@@ -16,11 +16,7 @@ npm run dev
 HOW TO DEBUG
 ------------
 
-```
-# open codium IDE
-codium .
-# , then launch Debug in Firefox (or Chromium)
-```
+Codium / Debug in Firefox
 
 HOW TO DEPLOY
 -------------
diff --git a/TODO.md b/TODO.md
index 418d3e0..44d6dba 100644
--- a/TODO.md
+++ b/TODO.md
@@ -5,7 +5,7 @@ ARCHITECTURE
 ------------
 
 * [x] vite + vue3 (up-to-date)
-* [x] typescript suppport
+* [x] typescript support
 * [x] codium debug (Firefox, Chromium)
 * [x] git version control awareness
 * [x] eslint
@@ -18,15 +18,13 @@ ARCHITECTURE
 * [ ] axios
 * [ ] store solution
   * [ ] vue3 handcraft solution OR 
-  * [ ] [pinia](https://github.com/posva/pinia)
-    * [ ] [devtool-v3](https://github.com/vuejs/vue-devtools/releases)
 
 
 FEATURES
 --------
 
 * [ ] grab products, categories and images from Dolibarr's API
-  * [ ] parallelization
+  * [ ] parallelize
   * [ ] scheduled action
   * [ ] cache for images
 * [ ] login/logout
diff --git a/src/App.vue b/src/App.vue
index ce53715..fba11f0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -32,6 +32,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
 import Basket from './components/Basket.vue'
+declare const APP_TITLE, APP_VERSION, APP_REPOSITORY, APP_LICENSE
 
 export default defineComponent({
   components: {
@@ -39,7 +40,6 @@ export default defineComponent({
   },
   setup() {
     return {
-      /* eslint-disable no-undef */
       title: APP_TITLE,
       version: APP_VERSION,
       repository: APP_REPOSITORY,
diff --git a/src/index.css b/src/assets/index.css
similarity index 100%
rename from src/index.css
rename to src/assets/index.css
diff --git a/src/components/Basket.vue b/src/components/Basket.vue
index 2c9dedc..592a152 100644
--- a/src/components/Basket.vue
+++ b/src/components/Basket.vue
@@ -2,35 +2,40 @@
   <h1>{{ msg }}</h1>
   <button
     class="border border-purple-200 rounded-full font-semibold py-1 px-4 text-sm text-purple-600 hover:bg-purple-600 hover:border-transparent hover:text-white focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-offset-2"
-    @click="count++"
+    @click="inc1"
   >
-    inc product {{ count }}
+    inc product {{ count1 }}
   </button>
   <button
     class="border border-purple-200 rounded-full font-semibold py-1 px-4 text-sm text-purple-600 hover:bg-purple-600 hover:border-transparent hover:text-white focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-offset-2"
-    @click="inc"
+    @click="inc2"
   >
-    inc
+    inc {{ count2 }}
   </button>
+  state = {{ state.count }}
 </template>
 
 <script lang="ts">
+import global from '@/stores/global'
 import { defineComponent, ref } from 'vue'
 export default defineComponent({
   props: {
     msg: { type: String, required: true }
   },
   setup() {
-    return {
-      count: ref(0)
-    }
+    const count1 = ref(0)
+    const count2 = ref(0)
+    const { state } = global
+    return { count1, count2, state }
   },
   methods: {
-    inc() {
-      // console.log('log count')
-      console.warn('warn count')
-      console.error('err count')
-      this.count++
+    inc1() {
+      console.warn(`inc1 ${this.count1}`)
+      this.count1++
+    },
+    inc2() {
+      console.error(`inc2 ${this.count2}`)
+      this.count2++
     }
   }
 })
diff --git a/src/main.ts b/src/main.ts
index 59243bc..b111a31 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,10 +1,10 @@
 import { createApp } from 'vue'
-import App from './App.vue'
-import './index.css'
 import 'windi.css'
 
-// define title and version from package.json
-// eslint-disable-next-line no-undef
+import App from '@/App.vue'
+import '@/assets/index.css'
+
+declare const APP_TITLE: string
 document.title = APP_TITLE
 
 createApp(App).mount('#app')
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index 48dad50..3f2cd29 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -5,7 +5,7 @@ declare module '*.vue' {
 }
 
 /* declare const which helps leveraging visibility of defined constants, loaded from `main.ts` file */
-declare const APP_VERSION: string
-declare const APP_TITLE: string
-declare const APP_REPOSITORY: string
-declare const APP_LICENSE: string
+// declare const APP_VERSION: string
+// declare const APP_TITLE: string
+// declare const APP_REPOSITORY: string
+// declare const APP_LICENSE: string
diff --git a/src/stores/global.ts b/src/stores/global.ts
new file mode 100644
index 0000000..a1e5275
--- /dev/null
+++ b/src/stores/global.ts
@@ -0,0 +1,7 @@
+import { reactive } from "vue"
+
+export default {
+    state: reactive({
+        count: 404
+    })
+}
diff --git a/vite.config.ts b/vite.config.ts
index 20dd35c..b43cbe6 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,37 +2,43 @@ import pkg from './package.json'
 import { execSync } from 'child_process'
 import vue from '@vitejs/plugin-vue'
 import WindiCSS from 'vite-plugin-windicss'
+import { resolve } from "path"
 
 export default {
-    plugins: [
-        vue(),
-        WindiCSS()
-    ],
-    define: {
-        APP_TITLE: JSON.stringify(pkg.name),
-        APP_VERSION: JSON.stringify(buildVersion()),
-        APP_REPOSITORY: JSON.stringify(pkg.repository),
-        APP_LICENSE: JSON.stringify(pkg.license),
-    }
+	plugins: [
+		vue(),
+		WindiCSS()
+	],
+	define: {
+		APP_TITLE: JSON.stringify(pkg.name),
+		APP_VERSION: JSON.stringify(buildVersion()),
+		APP_REPOSITORY: JSON.stringify(pkg.repository),
+		APP_LICENSE: JSON.stringify(pkg.license),
+	},
+	resolve: {
+		alias: {
+			"@": resolve(__dirname, "src"),
+		},
+	},
 }
 
 // FUNCTIONS
 //----------
 
 function buildVersion(): string {
-    const version = pkg.version
-    if (!isGitCommand()) {
-        return version
-    }
-    const dirty = Number(execSync("git  status -s | wc -l").toString())
-    return dirty > 0 ? `${version}…${dirty}` : version
+	const version = pkg.version
+	if (!isGitCommand()) {
+		return version
+	}
+	const dirty = Number(execSync("git  status -s | wc -l").toString())
+	return dirty > 0 ? `${version}…${dirty}` : version
 }
 
 function isGitCommand(): boolean {
-    try {
-        execSync("command -v git")
-        return true
-    } catch (e) {
-        return false
-    }
+	try {
+		execSync("command -v git")
+		return true
+	} catch (e) {
+		return false
+	}
 }
\ No newline at end of file