fix(release): update ci to publish vue3

Author: jourdain

.github/workflows/test_and_release.yml

@@ -102,13 +102,24 @@ jobs:
     ]
     runs-on: ubuntu-latest
     if: github.event_name == 'push'
+    environment:
+      name: pypi
+      url: https://pypi.org/p/trame-leaflet
+    permissions:
+      id-token: write # IMPORTANT: mandatory for trusted publishing
+      contents: write # IMPORTANT: mandatory for making GitHub Releases
 
     steps:
       - name: Checkout
         uses: actions/checkout@v2
         with:
           fetch-depth: 0
 
+      - name: Set up Python 3.11
+        uses: actions/setup-python@v5
+        with:
+          python-version: "3.11"
+
       - name: Set Up Node
         uses: actions/setup-node@v4
         with:
@@ -120,9 +131,21 @@ jobs:
           npm i
           npm run build
 
+      - name: Build Vue3 Components
+        run: |
+          cd vue3-components
+          npm i
+          npm run build
+          pip install black trame PyYAML
+          python -m trame.tools.widgets --config ./api.yaml --output ..
+          black ../trame ../trame_leaflet
+
       - name: Python Semantic Release
-        uses: relekang/python-semantic-release@v7.34.6
+        id: release
+        uses: relekang/python-semantic-release@v9.15.2
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          repository_username: __token__
-          repository_password: ${{ secrets.PYPI_API_TOKEN }}
+
+      - name: Publish package distributions to PyPI
+        if: steps.release.outputs.released == 'true'
+        uses: pypa/gh-action-pypi-publish@release/v1