thanks for your reply.
I’m not using web resources and I’m including them in the template.
I did some tests to better define where the problem is, and it’s not easy to describe here but I’ll try.
I created a testvue.vm file where I wrote exactly the source code of the “Vuetify chips closable” example here Chip component — Vuetify
My file was:
#controlHeader ($action $issueKey $customField.id $customField.name $fieldLayoutItem.required $noHeader)
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@email@example.com/css/materialdesignicons.min.css" rel="stylesheet">
<link href="https://firstname.lastname@example.org/dist/vuetify.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<meta name="decorator" content="atl.admin">
// write here exactly the HTML source code of closable chips in codepen
// note that I should use only the first two of all these includes but I put all those I nead in my real case
// write here exactly the JS source code of closable chips in codepen
#controlFooter ($action $fieldLayoutItem.fieldDescription $displayParameters.noHeader)
Using the same file both for the action and for the customfield template, it works like a charm.
But this happens in an ideal world
I put my real .vm template: it has a Treeview component with draggable elements and its structure is the same before but with different elements.
After having fixed the error:
Uncaught Unable to find either an issueId or projectId to submit the attachment to.
related to https://jira.atlassian.com/browse/JRASERVER-42108 ,
the action was working with no errors on browser console, but the rendering of the customfield issued:
[Vue warn]: Unknown custom element: <draggable> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
SO I fixed it and now it’s working even if with the error
Uncaught TypeError: Failed to execute 'setDragImage' on 'DataTransfer': parameter 1 is not of type 'Element'.
when I drag a component.
So it’s clear that the vm file is not managed at the same way since the actions doesn’t give to me any error.
Anyway, are there any tutorials on how better integrate Vue components with Jira interface maybe usind .vue files ?