productdevbookcom / v-plausible Goto Github PK
View Code? Open in Web Editor NEWPlausible Analytics module for Nuxt 3 or Vue 3
License: MIT License
Plausible Analytics module for Nuxt 3 or Vue 3
License: MIT License
try ti install the package while you are using node16, you will get this error
npm ERR! code EINVALIDTAGNAME
npm ERR! Invalid tag name "=>3.3.0" of package "vue@=>3.3.0": Tags may not have any characters that encodeURIComponent encodes.
but it's working fine with node14
.
System:
OS: macOS 13.5
CPU: (10) arm64 Apple M1 Pro
Memory: 66.61 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 16.19.1 - ~/.nvm/versions/node/v16.19.1/bin/node
npm: 9.8.1 - ~/.nvm/versions/node/v16.19.1/bin/npm
Browsers:
Chrome: 116.0.5845.140
Safari: 16.6
npm
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates are currently rate-limited. Click on a checkbox below to force their creation now.
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
@antfu/eslint-config
, @nuxt/kit
, @nuxt/module-builder
, @nuxt/schema
, @nuxt/test-utils
, @vitejs/plugin-vue
, @vue-macros/volar
, @vue/test-utils
, bumpp
, defu
, eslint
, happy-dom
, typescript
, unconfig
, unplugin-vue-macros
, vite
, vite-plugin-dts
, vue
)@antfu/eslint-config
, @vitejs/plugin-vue
, @vitest/coverage-v8
, eslint
, happy-dom
, jsdom
, vite
, vitest
).github/workflows/ci.yml
actions/checkout v4
actions/setup-node v3
davelosert/vitest-coverage-report-action v2
.github/workflows/release.yml
actions/checkout v4
actions/setup-node v3
package.json
@nuxt/kit ^3.7.4
defu ^6.1.2
plausible-tracker ^0.3.8
@antfu/eslint-config 1.0.0-beta.18
@nuxt/module-builder ^0.5.2
@nuxt/schema ^3.7.4
@nuxt/test-utils ^3.7.4
@vitejs/plugin-vue ^4.4.0
@vitest/coverage-v8 ^0.34.6
@vue-macros/volar ^0.16.0
@vue/test-utils ^2.4.1
bumpp ^9.2.0
eslint 8.50.0
happy-dom ^12.8.0
jsdom ^22.1.0
typescript ^5.2.2
unbuild ^2.0.0
unconfig ^0.3.11
unplugin-vue-macros ^2.6.1
vite ^4.4.10
vite-plugin-dts ^3.6.0
vitest ^0.34.6
vue ^3.3.4
vue ^3.3.4
playground-nuxt/package.json
nuxt ^3.7.4
playground-vue/package.json
vue ^3.3.4
@vitejs/plugin-vue ^4.3.4
typescript ^5.2.2
vite ^4.4.9
vue-tsc ^1.8.15
Currently the plugin is setting the script in the page header with the wrong value of the "data-domain" attribute. It is actually set as the url of the api set in the "plausible.init.apiHost" option of the plugin options and not in the "plausible.init.domain" option.
Because of this, the statistics do not appear in the plausible dashboard as this attribute has an incorrect value.
plausible: {
init: {
apiHost: 'https://analytics.naeko.moe',
trackLocalhost: false,
domain: 'https://next.naeko.moe',
},
settings: {
enableAutoPageviews: true,
enableAutoOutboundTracking: true,
},
}
System:
OS: Windows 10 10.0.22621
CPU: (16) x64 11th Gen Intel(R) Core(TM) i7-11800H @ 2.30GHz
Memory: 6.08 GB / 15.74 GB
Binaries:
Node: 20.1.0 - C:\Program Files\nodejs\node.EXE
Yarn: 3.5.1 - C:\Program Files\nodejs\yarn.CMD
npm: 9.6.4 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: Spartan (44.22621.1702.0), Chromium (113.0.1774.50)
Internet Explorer: 11.0.22621.1
pnpm
The POST call should be made to
host/api/event
instead its making the call to host/stats/api/event
because of that its not able to shoot insights on plausible
My plausbile init
const plausible = createPlausible({
init: {
domain: 'nimitsavant.me',
apiHost: 'https://ana.idta.in/stats',
trackLocalhost: true,
},
settings: {
enableAutoOutboundTracking: true,
enableAutoPageviews: true,
},
partytown: false,
})```
### Reproduction
Added normal https://ana.idta.in as apiHost and nimitsavant.me
### System Info
```Shell
System:
OS: Windows 11 10.0.22621
CPU: (8) x64 Intel(R) Core(TM) i5-9300H CPU @ 2.40GHz
Memory: 698.68 MB / 7.86 GB
Binaries:
Node: 18.12.1 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD
npm: 8.19.2 - C:\Program Files\nodejs\npm.CMD
pnpm: 8.6.12 - C:\Program Files\nodejs\pnpm.CMD
Browsers:
Edge: Chromium (121.0.2277.112)
Internet Explorer: 11.0.22621.1
pnpm
When my application starts up, I request a configuration file from the server which includes the Plausible configuration. Only after I've received that can I actually call createPlausible
with the correct parameters. However, to use v-plausible
, I need to load it via app.use(createPlausible({}))
in the main.js
file which is executed before I even load the configuration. Within my App.vue
, from what I understand, I can no longer load the plugin, because I no longer have access to app
.
Is there a way to set/change the plausible configuration within v-plausible
after the plugin has been loaded?
Provide a way to update the configuration of plausible after plugin load.
No response
No response
There currently doesn't seem to be any support for creating and sending Plausible events (https://plausible.io/docs/events-api).
I'm currently trying to migrate from vue-plausible
because I need Vue 3 support, but can't find any information about how to send events like it is possible with vue-plausible
Add a way of creating events from a function call on the v-plausible instance?
No response
No response
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.