fix(config): move vertical into ui

Author: hiroppy

packages/client/src/components/SlideCore.js

@@ -42,7 +42,7 @@ SwiperCore.use(swiperComponents);
 export const SlideCore = ({ slides, onChangeSlideIndex }) => (
   <Swiper
     effect={process.env.UI.EFFECT}
-    direction={process.env.VERTICAL === 'true' ? 'vertical' : 'horizontal'}
+    direction={process.env.UI.VERTICAL === 'true' ? 'vertical' : 'horizontal'}
     loop={/*TODO: respect to params to generate pdf */ process.env.LOOP}
     speed={350}
     allowTouchMove={/* TODO: only for mobile */ false}

packages/fusuma/src/configs/fusumarc.js

@@ -22,10 +22,10 @@ const config = {
   },
   slide: {
     loop: false,
-    vertical: false,
     targetBlank: true,
     ui: {
       sidebar: true,
+      vertical: false,
       pagination: null, // bullets | progressbar | fraction
       effect: null, // fade | cube | flip
     },

packages/fusuma/src/webpack/webpack.config.js

@@ -24,9 +24,8 @@ module.exports = (
   const { url, description, thumbnail, siteName, sns, title } = meta;
   const {
     targetBlank,
-    ui: { sidebar, pagination, effect },
+    ui: { sidebar, pagination, effect, vertical },
     loop,
-    vertical,
     code,
     chart,
     math,
@@ -143,13 +142,13 @@ module.exports = (
           REMOTE_ORIGIN_URL: JSON.stringify(remoteOrigin),
           TARGET_BLANK: JSON.stringify(targetBlank),
           LOOP: JSON.stringify(loop),
-          VERTICAL: JSON.stringify(vertical),
           IS_LIVE: JSON.stringify(server.isLive),
           SERVER_PORT: JSON.stringify(server.port),
           SEARCH_KEYWORD: JSON.stringify(server.keyword),
           CHART: JSON.stringify(chart),
           UI: {
             SIDEBAR: JSON.stringify(sidebar),
+            VERTICAL: JSON.stringify(vertical),
             PAGINATION: JSON.stringify(pagination),
             EFFECT: JSON.stringify(effect),
           },