How to add an external vue plugin to a custom page in Voyager ?[Feature]

thedevdojo / voyager

Voyager - The Missing Laravel Admin

https://voyager.devdojo.com

MIT License

11.75k stars 2.67k forks source link

How to add an external vue plugin to a custom page in Voyager ?[Feature] #3945

Closed hazem-taha closed 5 years ago

hazem-taha commented 5 years ago

I checked issue #2352 but was not related.

I have a custom page in voyager admin, and need to include an external vue plugin to that page ? I've been searching for many days but did not find an answer

What I tried is:

npm intall --save vue-fullcalendar

included a new JS file in my .blade file with the below content require('vue-full-calendar');

Object.defineProperty(Vue.prototype, '$FullCalendar', { value: FullCalendar });
Vue.use(FullCalendar)

used <full-calendar></full-calendar> in my .blade file but getting the below

[Vue warn]: Unknown custom element: <full-calendar> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

emptynick commented 5 years ago

Please use a proper issue template. If none does suit your needs, its probably not an issue and should be asked in our Slack group. I know you already did that, but I think you should ask in a more generic Laravel/Vue group/chat.

hazem-taha commented 5 years ago

I searched and asked in more than group but all asked me to get back to the package (voyager) authors. why there is no guidelines for achieving my case ? or the current voyager version is not optimized for that ?

fletch3555 commented 5 years ago

There's no guidelines for it because you're literally the first person to ask for it

dredix84 commented 4 years ago

I know this has been closed for over a year, however, I have the same issue where I am trying to extend the functionality of the admin panel by adding a custom component. I was able to a copy of the compiled js and css to the public folder, however, when I load the page and click to expand the menu, I get the error. Uncaught TypeError: Cannot convert object to primitive value

MrCrayon commented 4 years ago

@dredix84 it's an old issue and, as also said above, best place to ask questions is Voyager Slack chat not github. Github issues are reserved for bug reports and feature requests.

github-actions[bot] commented 3 years ago

This issue has been automatically locked since there has not been any recent activity after it was closed. If you have further questions please ask in our Slack group.