hotfix, bump to v0.2

Author: brianhorakh

bun.lockb

@@ -15,7 +15,7 @@
     "vue-command": "^35.2.1",
     "vue-cookie-law": "github:elasticdotventures/vue-cookie-law",
     "vue-cookie-next": "^1.3.0",
-    "vue-gtag": "^2.0.1"
+    "vue-gtag-next": "^1.14.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.0",

bun.lockb.x

@@ -24,7 +24,7 @@ const commands = {
 <template>
   <div class="cli-container">
     <vue-command :commands="commands" :hide-buttons="true" :show-help="true" :cursor-position="0" :is-fullscreen="true">
-    <template #title>Command Line Interface v0.1 -- type "help" for instructions</template>
+    <template #title>Command Line Interface v0.2 -- type "help" for instructions</template>
     <template #prompt>
       <span class="prompt">
         <span class="prompt-user">guest</span>

package.json

@@ -10,31 +10,26 @@
 </template>
 
 <script lang="ts">
-import useCookies from '../useCookies'; 
-import { defineComponent, getCurrentInstance } from 'vue';
+import { defineComponent } from 'vue';
 import { useMainStore } from '../store';
+import { useState } from 'vue-gtag-next';
 
 export default defineComponent({
   setup() {
-    const instance = getCurrentInstance();
-    const gtag = instance?.appContext.config.globalProperties.$gtag;
     const mainStore = useMainStore();
-
-    const { allowCookies } = useCookies(gtag);
+    const { isEnabled } = useState();
 
     const handleConsent = () => {
-      allowCookies.value = true;
       mainStore.setCookieConsent('accepted');
-      if (gtag) {
-        gtag.optIn();
+      if (isEnabled) {
+        isEnabled.value = true; // Enable tracking
       }
     };
 
     const handleReject = () => {
-      allowCookies.value = false;
       mainStore.setCookieConsent('rejected');
-      if (gtag) {
-        gtag.optOut();
+      if (isEnabled) {
+        isEnabled.value = false; // Disable tracking
       }
     };
 
@@ -97,4 +92,4 @@ export default defineComponent({
 .reject-button:hover {
   background-color: darkgrey;
 }
-</style>
+</style>

src/components/CommandLineInterface.vue

@@ -4,26 +4,33 @@ import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
 // https://matteo-gabriele.gitbook.io/vue-gtag/
-import VueGtag from "vue-gtag";
+import VueGtag from "vue-gtag-next";
 import { VueCookieNext } from 'vue-cookie-next';
 import { createPinia } from 'pinia'
 
-// An application instance won't render anything until its .mount() method is called
+// // An application instance won't render anything until its .mount() method is called
 const app = createApp(App);
-const pinia = createPinia()
-
-app
-.use(pinia)
-.use(VueCookieNext)
-.use(VueGtag, {
-    config: { 
-      id: "G-XP9X9LHTDV",
-      params: {
-        anonymize_ip: true
-      }
-    },
-    enabled: false
-  })
-.provide('gtag', app.config.globalProperties.$gtag)
-.mount('#app')
+
+app.use(createPinia());
+
+app.use(VueCookieNext);
+
+// app.use(VueGtag, {
+//     config: { 
+//       id: "G-XP9X9LHTDV",
+//       params: {
+//         anonymize_ip: true
+//       }
+//     },
+//     enabled: false
+//   })
+//   .provide('gtag', app.config.globalProperties.$gtag);
+
+app.use(VueGtag, {
+  property: { id: "G-XP9X9LHTDV" },
+  isEnabled: false,
+});
+
+app.mount('#app');
+