feat: add fullscreen viewer

spa/vite.config.js

@@ -1,34 +1,43 @@
-import { defineConfig } from "vite";
+import {defineConfig} from "vite";
 import tailwindcss from "@tailwindcss/vite";
 import vue from "@vitejs/plugin-vue";
 import {fileURLToPath, URL} from 'node:url';
 
 export default defineConfig({
-  plugins: [tailwindcss(), vue()],
+    plugins: [
+        tailwindcss(),
+        vue({
+            template: {
+                compilerOptions: {
+                    isCustomElement: tag => tag.startsWith('swiper-'),
+                },
+            },
+        }),
+    ],
 
-  base: '/image/catalog/tgshopspa/',
-  build: {
-    outDir: '../module/oc_telegram_shop/upload/image/catalog/tgshopspa',
-    emptyOutDir: true,
-    sourcemap: true,
-    manifest: true,
-  },
-
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    base: '/image/catalog/tgshopspa/',
+    build: {
+        outDir: '../module/oc_telegram_shop/upload/image/catalog/tgshopspa',
+        emptyOutDir: true,
+        sourcemap: true,
+        manifest: true,
     },
-  },
 
-  server: {
-    host: true,
-    allowedHosts: ["tg.nikitakiselev.ru"],
-    proxy: {
-      '/index.php': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-        rewrite: path => path,
-      }
-    }
-  },
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url)),
+        },
+    },
+
+    server: {
+        host: true,
+        allowedHosts: ["tg.nikitakiselev.ru"],
+        proxy: {
+            '/index.php': {
+                target: 'http://localhost:8000',
+                changeOrigin: true,
+                rewrite: path => path,
+            }
+        }
+    },
 });