🔧 Adjust github page base path

.github/workflows/static.yml

@@ -41,6 +41,8 @@ jobs:
         run: npm install -g npm-run-all
       - name: Build
         run: npm run build
+        env:
+          GITHUB_PAGES_PATH: '/sd-webui-openpose-editor/'
       - name: Setup Pages
         uses: actions/configure-pages@v3
       - name: Upload artifact

src/components/OpenposeObjectPanel.vue

@@ -3,7 +3,7 @@
         <template #header>
             <VisibleSwitch v-model:visible="object.visible" @update:visible="onVisibleChange" />
             <GroupSwitch v-model:grouped="object.grouped" />
-            <LockSwitch v-model:locked="object.locked"/>
+            <LockSwitch v-model:locked="object.locked" />
             <span :class="{ hidden: !object.visible }">{{ display_name }}</span>
             <fire-outlined @click.stop="unjamInvalidKeypoints" v-if="object.hasInvalidKeypoints()"
                 title="Move all invalid keypoints to visible canvas for edit." class="unjam-button" />

vite.config.ts

@@ -8,9 +8,9 @@ import packageJson from './package.json'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: process.env.NODE_ENV === 'production'
+  base: process.env.GITHUB_PAGES_PATH || (process.env.NODE_ENV === 'production'
     ? '/openpose_editor/'
-    : '/',
+    : '/'),
   plugins: [
     vue(),
     vueJsx(),