Add p1event tracking for content meter component

packages/marko-web-theme-monorail/browser/content-meter-track.vue

@@ -55,6 +55,7 @@ export default {
               overlayDisplayed,
             },
           };
+          this.emitP1Event('View');
           dataLayer.push(payload);
           const { searchParams } = new URL(window.location.href);
           if (searchParams.has('idxDebugger')) {
@@ -69,8 +70,24 @@ export default {
     this.EventBus.$on('identity-x-login-link-sent', ({ actionSource }) => {
       if (actionSource === 'content_meter_login') {
         this.classes.push('login-link-sent');
+        this.emitP1Event('Submit');
       }
     });
   },
+  methods: {
+    emitP1Event(action) {
+      if (!window.p1events) return;
+      const { views, remaining, overlayDisplayed } = this;
+      const label = !overlayDisplayed ? null : 'Gated';
+      console.log('label: ', label)
+      window.p1events('track', {
+        category: 'Content Meter',
+        action,
+        ...(label && { label }),
+        props: { n: views },
+      });
+      this.EventBus.$emit(`identity-x-content-meter-${action}`, { payload: { views, remaining, overlayDisplayed }});
+    },
+  },
 };
 </script>