From 335314de339f993f5c33aa913c01d9a01c52916e Mon Sep 17 00:00:00 2001
From: Simo-C3 <shimomae.hitoshi210@mail.kyutech.jp>
Date: Sat, 12 Nov 2022 22:25:27 +0900
Subject: [PATCH 1/5] [add] add winter theme

---
 assets/css/theme.css                         |  19 +
 assets/winter/theme_config.json              |  76 ++++
 components/Footer.vue                        |   8 +-
 components/Header.vue                        |  14 +-
 components/commons/BaseIconButton.vue        |   4 +-
 components/commons/BaseTextButton.vue        |   2 +-
 components/works/form/FormInputThumbnail.vue |   2 -
 layouts/default.vue                          | 104 ++++--
 nuxt.config.js                               |   3 +-
 package.json                                 |   2 +
 pages/index.vue                              |   5 +-
 static/snow.webp                             | Bin 0 -> 13114 bytes
 tailwind.config.js                           |   9 +
 tsconfig.json                                |   3 +-
 yarn.lock                                    | 343 ++++++++++++++++++-
 15 files changed, 545 insertions(+), 49 deletions(-)
 create mode 100644 assets/css/theme.css
 create mode 100644 assets/winter/theme_config.json
 create mode 100644 static/snow.webp

diff --git a/assets/css/theme.css b/assets/css/theme.css
new file mode 100644
index 0000000..35dda39
--- /dev/null
+++ b/assets/css/theme.css
@@ -0,0 +1,19 @@
+.theme-base {
+  --bg-color: #ffeed4;
+  --base-text-color: #000000;
+  --base-light-text-color: #9ca3af;
+  --hover-base-text-color: #4b5563;
+  --light-bg-color: #9ca3af;
+  --base-button-color: #fed7aa;
+  --hover-base-button-color: #fdba74;
+}
+
+.theme-winter {
+  --bg-color: #2e3555;
+  --base-text-color: #ffffff;
+  --base-light-text-color: #ffffff;
+  --hover-base-text-color: #4b5563;
+  --light-bg-color: #9ca3af;
+  --base-button-color: #fed7aa;
+  --hover-base-button-color: #fdba74;
+}
diff --git a/assets/winter/theme_config.json b/assets/winter/theme_config.json
new file mode 100644
index 0000000..7f7691a
--- /dev/null
+++ b/assets/winter/theme_config.json
@@ -0,0 +1,76 @@
+{
+  "particles": {
+    "number": {
+      "value": 100,
+      "density": {
+        "enable": true,
+        "value_area": 800
+      }
+    },
+    "color": {
+      "value": "#ffffff"
+    },
+    "shape": {
+      "type": "image",
+      "stroke": {
+        "width": 3,
+        "color": "#fff"
+      },
+      "image": {
+        "src": "/snow.webp",
+        "width": 120,
+        "height": 120
+      }
+    },
+    "opacity": {
+      "value": 0.7,
+      "random": false,
+      "anim": {
+        "enable": false,
+        "speed": 1,
+        "opacity_min": 0.1,
+        "sync": false
+      }
+    },
+    "size": {
+      "value": 5,
+      "random": true,
+      "anim": {
+        "enable": false,
+        "speed": 20,
+        "size_min": 0.1,
+        "sync": false
+      }
+    },
+    "line_linked": {
+      "enable": false
+    },
+    "move": {
+      "enable": true,
+      "speed": 2,
+      "direction": "bottom",
+      "random": true,
+      "straight": false,
+      "out_mode": "out",
+      "bounce": false,
+      "attract": {
+        "enable": true,
+        "rotateX": 300,
+        "rotateY": 1200
+      }
+    }
+  },
+  "interactivity": {
+    "detect_on": "canvas",
+    "events": {
+      "onhover": {
+        "enable": false
+      },
+      "onclick": {
+        "enable": false
+      },
+      "resize": true
+    }
+  },
+  "retina_detect": true
+}
diff --git a/components/Footer.vue b/components/Footer.vue
index ed8b28d..81927c6 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer class="py-8 w-full">
+  <footer class="py-8 w-full text-base-text-color">
     <div class="flex justify-center">
       <a class="mx-8" href="https://compositecomputer.club" target="_blank">
         <img
@@ -14,17 +14,17 @@
       >
         <font-awesome-icon
           :icon="['fab', 'youtube']"
-          class="hover:opacity-50 transition text-3xl h-10"
+          class="hover:opacity-50 transition text-3xl h-10 text-inherit"
         />
       </a>
       <a class="mx-8" href="https://twitter.com/c3_kyutech" target="_blank">
         <font-awesome-icon
           :icon="['fab', 'twitter']"
-          class="hover:opacity-50 transition text-3xl h-10"
+          class="hover:opacity-50 transition text-3xl h-10 text-inherit"
         />
       </a>
     </div>
-    <div class="text-center my-6">
+    <div class="text-center my-6 text-base-text-color">
       © 2021 - {{ date }} Composite Computer Club
     </div>
   </footer>
diff --git a/components/Header.vue b/components/Header.vue
index 614c7c4..7612638 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -22,7 +22,13 @@
         name="バグ・要望フォーム"
         charset="UTF-8"
         type="text/html"
-        class="mr-5 text-gray-400 hover:text-gray-600 flex justify-center"
+        class="
+          mr-5
+          text-base-light-text-color
+          hover:text-hover-base-text-color
+          flex
+          justify-center
+        "
       >
         <span class="text-xs mr-2">バグ・要望フォーム</span>
         <font-awesome-icon :icon="['fas', 'vote-yea']" class="w-5 m-0" />
@@ -43,7 +49,11 @@
       >
         <font-awesome-icon
           :icon="['far', 'question-circle']"
-          class="w-5 text-gray-400 hover:text-gray-600"
+          class="
+            w-5
+            text-base-light-text-color
+            hover:text-hover-base-text-color
+          "
         />
       </a>
       <!-- not logged in  -->
diff --git a/components/commons/BaseIconButton.vue b/components/commons/BaseIconButton.vue
index 0e38a15..741ae31 100644
--- a/components/commons/BaseIconButton.vue
+++ b/components/commons/BaseIconButton.vue
@@ -12,7 +12,9 @@
     "
     :class="[
       { shadow: isShadow },
-      isBackground ? 'bg-orange-200 hover:bg-orange-300' : 'hover:bg-gray-100'
+      isBackground
+        ? 'bg-base-button-color hover:bg-hover-base-button-color'
+        : 'hover:bg-gray-100'
     ]"
     @click="(event) => $emit('click', event)"
   >
diff --git a/components/commons/BaseTextButton.vue b/components/commons/BaseTextButton.vue
index fd7bfc8..4a3f87f 100644
--- a/components/commons/BaseTextButton.vue
+++ b/components/commons/BaseTextButton.vue
@@ -5,7 +5,7 @@
     :class="[
       { shadow: isShadow },
       {
-        'border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-100':
+        ' border-hover-base-button-color text-hover-base-button-color hover:border-hover-base-button-color hover:text-hover-base-text-color hover:bg-hover-base-button-color hover:text-gray-100':
           color === 'yellow'
       },
       {
diff --git a/components/works/form/FormInputThumbnail.vue b/components/works/form/FormInputThumbnail.vue
index 1779e1e..318a048 100644
--- a/components/works/form/FormInputThumbnail.vue
+++ b/components/works/form/FormInputThumbnail.vue
@@ -96,8 +96,6 @@ export default class FormInputThumbnail extends Vue {
               params,
               'multipart/form-data'
             ).then((result) => {
-              console.log('success')
-              console.log(result)
               this.thumbnail = result.data.id
               workPostStore.setThumbnailViewInfo(result.data)
             })
diff --git a/layouts/default.vue b/layouts/default.vue
index 002869c..be5f46a 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -3,6 +3,15 @@
     class="overflow-x-hidden"
     :class="{ 'overflow-y-hidden h-screen': getFullscreen }"
   >
+    <div class="bg-bg-color w-[100vw] h-[100vh] fixed top-0 left-0 -z-10">
+      <!-- container log (:particlesLoaded="particlesLoaded") -->
+      <Particles
+        v-if="useCustomTheme"
+        id="tsparticles"
+        :particlesInit="particlesInit"
+        :options="particleOptions"
+      />
+    </div>
     <Header />
     <Nuxt class="mx-auto mb-12 mt-10 max-w-[90rem]" />
     <Footer />
@@ -14,16 +23,74 @@
 <script lang="ts">
 import Modal from '@/components/commons/Modal.vue'
 import FullscreenView from '@/components/works/FullscreenView.vue'
-import { Vue, Component } from 'nuxt-property-decorator'
+import { Vue, Component, Watch } from 'nuxt-property-decorator'
+// @ts-ignore
+import Particles from 'vue2-particles'
+import { loadFull } from 'tsparticles'
+import { Engine } from 'tsparticles-engine/types'
+
+import { fullscreenStore, authStore } from '@/store'
+
+Vue.use(Particles)
 
-import { fullscreenStore } from '@/store'
 @Component({
   components: { Modal, FullscreenView }
 })
 export default class Default extends Vue {
+  head() {
+    return {
+      bodyAttrs: {
+        class: this.themeClass
+      }
+    }
+  }
+
+  nowDate: Date = new Date()
+  themeClass: string = 'theme-base'
+  useCustomTheme: boolean = false
+  particleOptions = require('@/assets/winter/theme_config.json')
+
+  get nowMonth() {
+    const month = this.nowDate.getMonth() + 1
+    return month.toString()
+  }
+
+  get getNowLogin() {
+    return authStore.nowLogin
+  }
+
   get getFullscreen() {
     return fullscreenStore.getFullscreen
   }
+
+  @Watch('getNowLogin')
+  handleChangeNowLogin() {
+    this.initTheme()
+  }
+
+  created() {
+    this.initTheme()
+  }
+
+  initTheme() {
+    if (this.getNowLogin) {
+      const winter = ['1', '12']
+      if (winter.includes(this.nowMonth)) {
+        this.themeClass = 'theme-winter'
+      } else {
+        this.themeClass = 'theme-base'
+      }
+      this.useCustomTheme = this.themeClass !== 'theme-base'
+    }
+  }
+
+  async particlesInit(engine: Engine): Promise<void> {
+    await loadFull(engine)
+  }
+
+  // particlesLoaded = async (container: undefined) => {
+  //   console.log('Particles container loaded', container)
+  // }
 }
 </script>
 
@@ -46,37 +113,4 @@ html {
   box-sizing: border-box;
   margin: 0;
 }
-
-body {
-  background-color: #ffeed4;
-}
-
-.button--green {
-  display: inline-block;
-  border-radius: 4px;
-  border: 1px solid #3b8070;
-  color: #3b8070;
-  text-decoration: none;
-  padding: 10px 30px;
-}
-
-.button--green:hover {
-  color: #fff;
-  background-color: #3b8070;
-}
-
-.button--grey {
-  display: inline-block;
-  border-radius: 4px;
-  border: 1px solid #35495e;
-  color: #35495e;
-  text-decoration: none;
-  padding: 10px 30px;
-  margin-left: 15px;
-}
-
-.button--grey:hover {
-  color: #fff;
-  background-color: #35495e;
-}
 </style>
diff --git a/nuxt.config.js b/nuxt.config.js
index 618f279..ea77005 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -64,7 +64,8 @@ export default {
   css: [
     '~/assets/css/tailwind.css',
     'github-markdown-css',
-    '~/assets/css/markdown.css'
+    '~/assets/css/markdown.css',
+    '~/assets/css/theme.css'
   ],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
diff --git a/package.json b/package.json
index b535275..9170c01 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,8 @@
     "nuxt-fontawesome": "^0.4.0",
     "nuxt-property-decorator": "^2.9.1",
     "three": "^0.146.0",
+    "tsparticles": "^2.5.3",
+    "vue2-particles": "^2.5.3",
     "vuex-module-decorators": "^2.0.0",
     "vuex-persistedstate": "^4.1.0"
   },
diff --git a/pages/index.vue b/pages/index.vue
index d078672..e4aaa8e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -13,7 +13,10 @@
     <div v-if="nextContentLoadProcessing" class="relative w-full h-28">
       <loading />
     </div>
-    <div v-if="isWorksEmpty" class="text-center my-5 text-gray-500">
+    <div
+      v-if="isWorksEmpty"
+      class="text-center my-5 text-base-light-text-color"
+    >
       これ以上、作品がありません
     </div>
   </div>
diff --git a/static/snow.webp b/static/snow.webp
new file mode 100644
index 0000000000000000000000000000000000000000..76df009b95d9eaa4041848e7bf1b5db6e269e137
GIT binary patch
literal 13114
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
P!Y!)&slEE7A65S!QnA&+

literal 0
HcmV?d00001

diff --git a/tailwind.config.js b/tailwind.config.js
index a58fdb8..a7479de 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,6 +10,15 @@ module.exports = {
     extend: {
       spacing: {
         192: '48rem'
+      },
+      colors: {
+        'bg-color': 'var(--bg-color)',
+        'base-text-color': 'var(--base-text-color)',
+        'base-light-text-color': 'var(--base-light-text-color)',
+        'hover-base-text-color': 'var(--hover-base-text-color)',
+        'light-text-color': 'var(--light-bg-color)',
+        'base-button-color': 'var(--base-button-color)',
+        'hover-base-button-color': 'var(--hover-base-button-color)'
       }
     }
   },
diff --git a/tsconfig.json b/tsconfig.json
index f91d0dd..4481686 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,7 +19,8 @@
       "@nuxt/types",
       "@nuxtjs/axios",
       "@types/node",
-      "@types/markdown-it"
+      "@types/markdown-it",
+      "tsparticles"
     ]
   },
   "exclude": ["node_modules", ".nuxt", "dist", "api"]
diff --git a/yarn.lock b/yarn.lock
index c0d86f5..52a9bbc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -15431,6 +15431,338 @@ tslib@^2.4.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.1.tgz#0d0bfbaac2880b91e22df0768e55be9753a5b17e"
   integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==
 
+tsparticles-engine@^2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/tsparticles-engine/-/tsparticles-engine-2.5.2.tgz#1772e857c452af806602ab0f33c90338d109f8b8"
+  integrity sha512-P2m1E/EIlvEnH9l7OEIpeKXxSn1ThNhWSp6zeRYvH/DntJpI5Oqa/AMrjum15rUzBkMDgRo7XFO4LqRWs8iB/Q==
+
+tsparticles-interaction-external-attract@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-attract/-/tsparticles-interaction-external-attract-2.5.3.tgz#18554439696ee04bb0c40afe893afcaee791ec67"
+  integrity sha512-W9w8ztCLjFK8ADROTpCBepyotTfwZdRqU6FMe0W0KU3Lj4GpR53dN7tk/YUuLtZut1DRFNH0SUh6IIuW4Oq2oQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-bounce@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-bounce/-/tsparticles-interaction-external-bounce-2.5.3.tgz#5acc056d69711f05203056112d00b4bb568f0cd5"
+  integrity sha512-z/3e8KSTm5n6kIU9KRpSr+XLz8ARDV4XuFqtDcRZBp0CXWcb2GVuuUQvHXhir1KPM3VzlHjHK8wxzqaE6TRfaw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-bubble@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-bubble/-/tsparticles-interaction-external-bubble-2.5.3.tgz#16e081b18be1cfa2560970292f7ee01ec82cdddf"
+  integrity sha512-cAXvn5ScwEku1e01CzWFMMGogvDkY/O/FnMr3kFvxztY3BeeSuj3RIwd+INp5U0L0D88hue0kL0BEIfPQLbfCA==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-connect@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-connect/-/tsparticles-interaction-external-connect-2.5.3.tgz#c2cea19c60abd7658937266e3b530a73227a7f04"
+  integrity sha512-KOcNNxb4MxmDeTfnNawWtn72YaILjTvpN5zSNXRDDiYLJ9dFAuoU8jfXxTyb5EGtF6PNkU9er0KX2aA3hQNM1w==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-grab@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-grab/-/tsparticles-interaction-external-grab-2.5.3.tgz#8f6c7628c7cd59837bfbd6599151dbbd8b62e121"
+  integrity sha512-bVTdB8lojJsd+9Pm2kGuQQa9VrIq+hITn2lBQ2YVzlF+vJ4a02Nvw07PHKlnmu+EJDmMwlGmu5z1oAFaWaRGMA==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-pause@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-pause/-/tsparticles-interaction-external-pause-2.5.3.tgz#bde967da09fa0a6eafaf973ab09a3678b2b40174"
+  integrity sha512-LPNcYCmo9/PoHdyTb+8nmZxvbtknYdqnjs70fYIngL4pNvdq8KwO38Z1anh7rBIVvHOlpm2w7NnwO3jeOnYOVQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-push@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-push/-/tsparticles-interaction-external-push-2.5.3.tgz#eaababd0f71f20e56f39520a783f280a85b98d80"
+  integrity sha512-5vfDVR9ciAGORVszq8ciqE6HYmpciDS2zom2++apHLvxM1AAQJKh/zRy3W3hl2qQ5aEvb67t/iaRiglTtQD2qA==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-remove@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-remove/-/tsparticles-interaction-external-remove-2.5.3.tgz#2fd951732aa6a66f2fa2de801fa65bb557baed21"
+  integrity sha512-+goJgwiTHR6OFmuHZjqI7wO+VFeH8GObJEZzvRLzAZ1jRDZquc/Lm7bMLnQjKOS+pA44tLrZB4ErFT1/+VH1dg==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-repulse@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-repulse/-/tsparticles-interaction-external-repulse-2.5.3.tgz#3db55dd2170c92c100407d1e8b101640454d4214"
+  integrity sha512-6o/Xk8oTB/oGAlp291f8HllRvb5P7Qs6Z35imJ+hmLBuxXpu++TRbBJl9AyTuzhkaiX46cy765q79K4Nf71tTQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-slow@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-slow/-/tsparticles-interaction-external-slow-2.5.3.tgz#47216b262686aa9cadedbf4d1fb8a3e8075199ca"
+  integrity sha512-nWDtU2q3gLccu9CafmONAVJFA9gMvAJ26Uf7+jiqWPAG0R3p/oL8INZDyIwKtxd+OFkE6QwBWe1BJovOUjJfZw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-external-trail@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-external-trail/-/tsparticles-interaction-external-trail-2.5.3.tgz#10410f65c929f1a3561baab46cf97bddb909662a"
+  integrity sha512-Z0PuHPjgNHTUOHGSyM31dls03Brq1//6qrSfMu4zmVcfyb9wVZN2UeTd0OjqNLiz7gsBVdFWinRVe20EcOPYIQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-particles-attract@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-particles-attract/-/tsparticles-interaction-particles-attract-2.5.3.tgz#d764c564a825cac61685bc78ea30cc872728cdc5"
+  integrity sha512-vACi7Zdx3LtqFNbapCxylNuj/T52lhc8xN2vTq2oGMEm0f8JjBqrsfXYzvN7cpVVg4hQDiBWwWgAftQEwAHkJQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-particles-collisions@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-particles-collisions/-/tsparticles-interaction-particles-collisions-2.5.3.tgz#641ec461256be2600172b2f6a5266537c94319b4"
+  integrity sha512-KhlWgrMr8GD0rkj75yhhEZkvr56DJxIlk57YZfBHrYvpLVUyYDXO7iv5mVAPG7qtfxfMwggEXZSpCxbH5bfhbA==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-interaction-particles-links@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-interaction-particles-links/-/tsparticles-interaction-particles-links-2.5.3.tgz#03f80105ec1e4f49fa7f877f89f79c5d45d80c2f"
+  integrity sha512-aT43l+90HV81IKuNPgVKUU/1aMwC6aVYQeqRwyUi1WMoW2n0JUuM/k2ifqEUsfNuoXOfedU9HRXk4+iXnKd0SQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-move-base@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-move-base/-/tsparticles-move-base-2.5.3.tgz#e0a735972a078348a4903c2740f5a09a8be9b91d"
+  integrity sha512-YOpTua9TfBoU6dmK6VdvVgXIpb2iU8PuA3lL+p/Qe6VLqGx4XgSt27pD63Qa5p7lFZTCxa4cnE+DcHFVSRWG1Q==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-move-parallax@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-move-parallax/-/tsparticles-move-parallax-2.5.3.tgz#c37143119779824738c45d09866f638bb08d3fe1"
+  integrity sha512-l9vgLZrdR9WIaiJ8lH7Nq2h60zg4/w+X/pvp76CWce3S7ochW3s5r/J9dnNJOSyHUEvs42s76yOdZA1apkFHvw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-particles.js@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-particles.js/-/tsparticles-particles.js-2.5.3.tgz#df7c777721a7da2841a578f88cabc47c7467b3cd"
+  integrity sha512-nksab+qsfpz+gA/qXqpiQJYaMznPh52FY77kdcttVUKj2b5vQLjMq2avewREKnsWJYqDl5LohekbEMXDznS2wQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-plugin-absorbers@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-plugin-absorbers/-/tsparticles-plugin-absorbers-2.5.3.tgz#7d1164f37f09be4e5fffbb2b4448c096991f182b"
+  integrity sha512-sN0Utyd62vMXr46Pko/0ncRbhTLUfkFNpY4x8Z7eCnkX4WnWkVMrcwT3ib7wn56/rtxn8rzWYCIquaioU8oOEQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-plugin-easing-quad@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-plugin-easing-quad/-/tsparticles-plugin-easing-quad-2.5.3.tgz#1244cea271c3b28fb56c0d76c4a8ac0cdce63439"
+  integrity sha512-rGhPbL4mJrQkziYu5wpcKtdDqj3srfvcWqfm6D3NBjdveWm5Q6o/fA8hlkNXuBPCIIpQG4cfwQYx8nc5BEtwgA==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-plugin-emitters@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-plugin-emitters/-/tsparticles-plugin-emitters-2.5.3.tgz#a05815f74aa56111764d4df5bc30b82d845732ea"
+  integrity sha512-yF1qiGJu99EIG40nTLVGwV6JEgpB9NGCynd6chvqby7A01AWoqpaUaQ7AdyblcjpPq2WYkyMhJWdeNEk6YblFQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-shape-circle@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-shape-circle/-/tsparticles-shape-circle-2.5.3.tgz#1df7c5f43b26566734a2d7de6e0065a3c93b2fa9"
+  integrity sha512-D8zbbC/eaqaOjd3MjhmbkmMQ+uH97RKNJL3YyZ743s1YowCGPK4c6N5NUdVNqljWHn15ALpq0NV/GzY5oGVTNw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-shape-image@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-shape-image/-/tsparticles-shape-image-2.5.3.tgz#faf004a839cfb9fd7f467f00e5cb856029b5b4c1"
+  integrity sha512-hdSxxkTXlEC2vn1Hi//GDZNqIGCVyuRfoTmE8ex3hj9NA0YhZoBcmr+4kmFDfJRBvtvumIQk4V1JVruHgoVnuw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-shape-line@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-shape-line/-/tsparticles-shape-line-2.5.3.tgz#fbf1fe2361ee605fd06450a7522f1d31ab97db0d"
+  integrity sha512-ee+mA40mTfvbpetU0ohmsiZ1ClY7OCFwcAEfNlfTJc7BGUVQuvEN47RHR9UtL4k3REu9JNKr6J2EIuUOgRwwLw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-shape-polygon@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-shape-polygon/-/tsparticles-shape-polygon-2.5.3.tgz#08b3d280946db84839a9005277cacf38f807ada3"
+  integrity sha512-1w+6nke5LvKd/jEwCgj8QKDIi5qFLjm54Dg1fH4S1jhEtNAM25o28Law0JGfZeernmBWqaxBj5pV9BJGeqqfcw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-shape-square@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-shape-square/-/tsparticles-shape-square-2.5.3.tgz#43888f4df268a959b0a2185b278d08a4ec4f9430"
+  integrity sha512-LXS6UJJx0gCB7kS8kJb4N01owMnIwYkUaN5eVcN5h0b8Hc2cX+E962yImR2ZN+Hcq4P9lb7qXGj7SsAAa054WQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-shape-star@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-shape-star/-/tsparticles-shape-star-2.5.3.tgz#d499ff380c37b5fce776347f3e1c5849f3430ef2"
+  integrity sha512-/xvEP8XQ1TWcKBGMA0vTyu7EW/dcOz3jaOzgtAN3MvKgu9AQDiT02HUNW92QIUmqLStlCPAttf37eUss+JGTVw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-shape-text@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-shape-text/-/tsparticles-shape-text-2.5.3.tgz#5dbc92a3ce7729bc07dea30c499e9d6e0d8b0d4a"
+  integrity sha512-d6/xZVhBTAVtnMOH8K9nCamgfiO10M2q67rAUDTUVTscYES996jQYsTeDfg43IIO7eruXBH80LZVLt1MBZJ3DA==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-slim@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-slim/-/tsparticles-slim-2.5.3.tgz#82634757ae64826248af929108fcddc9c86fba13"
+  integrity sha512-t44w8lrajWIOp2P14G9Hfp32v+EzpjjB4402jsbVHRyaQdm3vlgrtqA1H/2qQGdJHkl24lUZXNlLqX4fSoBZbg==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+    tsparticles-interaction-external-attract "^2.5.3"
+    tsparticles-interaction-external-bounce "^2.5.3"
+    tsparticles-interaction-external-bubble "^2.5.3"
+    tsparticles-interaction-external-connect "^2.5.3"
+    tsparticles-interaction-external-grab "^2.5.3"
+    tsparticles-interaction-external-pause "^2.5.3"
+    tsparticles-interaction-external-push "^2.5.3"
+    tsparticles-interaction-external-remove "^2.5.3"
+    tsparticles-interaction-external-repulse "^2.5.3"
+    tsparticles-interaction-external-slow "^2.5.3"
+    tsparticles-interaction-particles-attract "^2.5.3"
+    tsparticles-interaction-particles-collisions "^2.5.3"
+    tsparticles-interaction-particles-links "^2.5.3"
+    tsparticles-move-base "^2.5.3"
+    tsparticles-move-parallax "^2.5.3"
+    tsparticles-particles.js "^2.5.3"
+    tsparticles-plugin-easing-quad "^2.5.3"
+    tsparticles-shape-circle "^2.5.3"
+    tsparticles-shape-image "^2.5.3"
+    tsparticles-shape-line "^2.5.3"
+    tsparticles-shape-polygon "^2.5.3"
+    tsparticles-shape-square "^2.5.3"
+    tsparticles-shape-star "^2.5.3"
+    tsparticles-shape-text "^2.5.3"
+    tsparticles-updater-angle "^2.5.3"
+    tsparticles-updater-color "^2.5.3"
+    tsparticles-updater-life "^2.5.3"
+    tsparticles-updater-opacity "^2.5.3"
+    tsparticles-updater-out-modes "^2.5.3"
+    tsparticles-updater-size "^2.5.3"
+    tsparticles-updater-stroke-color "^2.5.3"
+
+tsparticles-updater-angle@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-angle/-/tsparticles-updater-angle-2.5.3.tgz#91a6ce3fa715d2ad44034f4debf82e1df4715c9f"
+  integrity sha512-2oQYSV5PC0FWnwRswcUZjXAeuHa8QQw0dK3NnyxG52PuyJorxGz38t8/INrPMxaNDA8LvSHO+CzYFi9CzQvXbg==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-color@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-color/-/tsparticles-updater-color-2.5.3.tgz#93da0ab8d81643b6646c95ec1b0a721c55fe4582"
+  integrity sha512-eNmyfkzk7AfghCLwCewt+480LAfK5uX2D5jnQC/Vo5VNxco1P0clGTx61g9pc3vVzUV1e5NEj6Gw1tCSb8f+nw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-destroy@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-destroy/-/tsparticles-updater-destroy-2.5.3.tgz#f41e0209b8b1ddf71741623b6ce2ef1f135ff38a"
+  integrity sha512-2G6haBy5PqpNmnOLVeUzmm82zjfx8YmSwu9qZ5nUEPLNDQCDkAN4u6mffrkZRajY0u/KmwTTaajIVK0ExIR9aw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-life@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-life/-/tsparticles-updater-life-2.5.3.tgz#68ae7b0d56825466aaf173f863bce990c4da702c"
+  integrity sha512-smK9iuNRPmK9rr74X9xzx9LPpVaSbRY+uri7/lI9NLvoi5b1PtYImYSIQGiXrPfFZ2/KL+MApddVnwqI/8MHqw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-opacity@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-opacity/-/tsparticles-updater-opacity-2.5.3.tgz#4f54110b1c12520e7655c01a62834fa61bde1f0b"
+  integrity sha512-1tLJYDq1uQM7sNn8QPO8s2yPTRAJONCxyETWl9SAc6ghTX0qrebcla3pGRBWMT0g0cIJb4qIsO9Nyaq9RYf0iQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-out-modes@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-out-modes/-/tsparticles-updater-out-modes-2.5.3.tgz#3fb366bec4aebb08755d673d72d7b1d30f434cd3"
+  integrity sha512-KyhA2YNA3j7TFv2lOwZN9JXuR5z1/N7fUmaFTVJGooI6Bf7WvTFaDFp0gvufrBSd4CqDwsQITqDOwV2J1sGDEQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-roll@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-roll/-/tsparticles-updater-roll-2.5.3.tgz#ff21b29fbfc77d3fede95f7474256bf931109ed1"
+  integrity sha512-jkiGkFW7s7TJBqfsiC4ZU0/gR/YCAeOkHAIIuHcVy4soM2rf0P2NKKzZxYMxSIyGQrCG0Hxw0GEGlLV5UiqK2w==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-size@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-size/-/tsparticles-updater-size-2.5.3.tgz#9c7ba5beb52462f993b559b6884e8922b5c4726a"
+  integrity sha512-kU1qyP8NKQd5XhAc2jp/VLn2AxakM+HFKozlzHIp8DPy+INW5lpgswo2Cc5e1ZXQCdOMQlQFn6cNCbct24kKcQ==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-stroke-color@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-stroke-color/-/tsparticles-updater-stroke-color-2.5.3.tgz#888088fc9a56788309d3ab4bf74730066611fcd2"
+  integrity sha512-XONraSFtepvtEqJXQWQSV+KOEWill9HtwVju8CsFgS/NtJYlYKfpSEbv41r7pWRhZRaFZN/BbOnMfwHCdLuBHw==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-tilt@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-tilt/-/tsparticles-updater-tilt-2.5.3.tgz#cb52b4f8898aae2ddcb0cc333b5b9390f9ab0d73"
+  integrity sha512-Njt3aR+WtYiuvaLWnJOsL6NGDfVAfMrVzzOGrrf7X4TZKpk4HMMYcxOQFbvBQnoQZhenq3/TJh09Xx44AX7Rag==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-twinkle@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-twinkle/-/tsparticles-updater-twinkle-2.5.3.tgz#ae8e30b19d5cc0830b60ce5a8298a395a3fa067f"
+  integrity sha512-YvfRIf00stfTqttQL5IZ5yHaVufR7XnXxPk+GZ9bLzw5SGoUD+EyLlKVoP6L9gbY6O3I6c64ZKrKmBWMoYWxDg==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles-updater-wobble@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles-updater-wobble/-/tsparticles-updater-wobble-2.5.3.tgz#7d8801c238f8693f5ea67c09768e4649f2dadf3b"
+  integrity sha512-uB4VdZU1Ha7T8ZtOe0SAdnrVVkoCCDeb/BIUTGp7nF1/fVlv57v7iI54GmbYE9Aabljc2KOvEaaiYPO+iBJqgA==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+
+tsparticles@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tsparticles/-/tsparticles-2.5.3.tgz#670ad90fc3f92c7c2c44dc5fc78ae62483688755"
+  integrity sha512-qp3WdOKLQsZUgR11biq5mK5njmD6bhDcK2XpsLenj0oNvz6A/lHn8fv9KgWmLka6sBBHwTpAPpnFGBII5GMaqA==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+    tsparticles-interaction-external-trail "^2.5.3"
+    tsparticles-plugin-absorbers "^2.5.3"
+    tsparticles-plugin-emitters "^2.5.3"
+    tsparticles-slim "^2.5.3"
+    tsparticles-updater-destroy "^2.5.3"
+    tsparticles-updater-roll "^2.5.3"
+    tsparticles-updater-tilt "^2.5.3"
+    tsparticles-updater-twinkle "^2.5.3"
+    tsparticles-updater-wobble "^2.5.3"
+
 tsscmp@1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/tsscmp/-/tsscmp-1.0.6.tgz#85b99583ac3589ec4bfef825b5000aa911d605eb"
@@ -16095,7 +16427,7 @@ vue-no-ssr@^1.1.1:
   resolved "https://registry.yarnpkg.com/vue-no-ssr/-/vue-no-ssr-1.1.1.tgz#875f3be6fb0ae41568a837f3ac1a80eaa137b998"
   integrity sha512-ZMjqRpWabMPqPc7gIrG0Nw6vRf1+itwf0Itft7LbMXs2g3Zs/NFmevjZGN1x7K3Q95GmIjWbQZTVerxiBxI+0g==
 
-vue-property-decorator@^9.0.0:
+vue-property-decorator@^9.0.0, vue-property-decorator@^9.1.2:
   version "9.1.2"
   resolved "https://registry.yarnpkg.com/vue-property-decorator/-/vue-property-decorator-9.1.2.tgz#266a2eac61ba6527e2e68a6933cfb98fddab5457"
   integrity sha512-xYA8MkZynPBGd/w5QFJ2d/NM0z/YeegMqYTphy7NJQXbZcuU6FC6AOdUAcy4SXP+YnkerC6AfH+ldg7PDk9ESQ==
@@ -16140,6 +16472,15 @@ vue-template-es2015-compiler@^1.6.0, vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
+vue2-particles@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/vue2-particles/-/vue2-particles-2.5.3.tgz#0fbae6fa9a75b7f8bb7291aec815547eeafdb537"
+  integrity sha512-m7KNOGoWDyAUEchFc+ntdDAJHiBBMEC/jYaWjEdDI5AEOnfPgudD+kYtdn8ZfZShjrmlEDP8MHvuHEMUNZqp0g==
+  dependencies:
+    tsparticles-engine "^2.5.2"
+    vue-class-component "^7.2.6"
+    vue-property-decorator "^9.1.2"
+
 vue@^2.6.12:
   version "2.6.14"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.14.tgz#e51aa5250250d569a3fbad3a8a5a687d6036e235"

From 99d1d5b51f1d00c3b1237be98a4f47a997fabf86 Mon Sep 17 00:00:00 2001
From: Simo-C3 <shimomae.hitoshi210@mail.kyutech.jp>
Date: Sat, 12 Nov 2022 22:27:06 +0900
Subject: [PATCH 2/5] =?UTF-8?q?[change]=20middleware=20auth=E3=81=AE?=
 =?UTF-8?q?=E5=87=A6=E7=90=86=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 middleware/auth.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/middleware/auth.ts b/middleware/auth.ts
index ac0381b..57d0a58 100644
--- a/middleware/auth.ts
+++ b/middleware/auth.ts
@@ -3,6 +3,13 @@ import { authStore } from '~/store'
 
 const auth: Middleware = ({ route }) => {
   const refreshToken = localStorage.getItem('refresh_token')
+  if (
+    authStore.getAccessToken &&
+    !authStore.nowLogin &&
+    !route.query.access_token
+  ) {
+    authStore.fetchUser()
+  }
   if (!refreshToken || authStore.nowLogin || route.query.access_token) {
     return
   }

From 22daf28b6e5a16876a44bf9eabb96d9ae976b4c7 Mon Sep 17 00:00:00 2001
From: Simo-C3 <shimomae.hitoshi210@mail.kyutech.jp>
Date: Sat, 12 Nov 2022 23:08:59 +0900
Subject: [PATCH 3/5] =?UTF-8?q?[change]=20=E5=8B=95=E7=94=BB=E3=81=AE?=
 =?UTF-8?q?=E7=B8=A6=E6=A8=AA=E6=AF=94=E3=81=AB=E3=82=88=E3=81=A3=E3=81=A6?=
 =?UTF-8?q?=E5=8B=95=E7=94=BB=E3=81=AE=E8=A1=A8=E7=A4=BA=E3=81=8C=E8=A6=8B?=
 =?UTF-8?q?=E5=88=87=E3=82=8C=E3=81=A6=E3=81=97=E3=81=BE=E3=81=86=E5=95=8F?=
 =?UTF-8?q?=E9=A1=8C=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/works/WorksCarousel.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/works/WorksCarousel.vue b/components/works/WorksCarousel.vue
index 3bee6c3..3dcebfe 100644
--- a/components/works/WorksCarousel.vue
+++ b/components/works/WorksCarousel.vue
@@ -19,7 +19,11 @@
       :class="{ 'bg-white': asset.asset_type === 'model' }"
     >
       <item-image-view v-if="asset.asset_type === 'image'" :image="asset" />
-      <video v-else-if="asset.asset_type === 'video'" controls>
+      <video
+        v-else-if="asset.asset_type === 'video'"
+        controls
+        class="h-full w-full"
+      >
         <source :src="asset.url" type="video/mp4" />
         Sorry, your browser doesn't support embedded videos.
       </video>

From eeabd1734e1fec1310fdf2672e9468c4f09a24ca Mon Sep 17 00:00:00 2001
From: Simo-C3 <shimomae.hitoshi210@mail.kyutech.jp>
Date: Sat, 12 Nov 2022 23:10:16 +0900
Subject: [PATCH 4/5] =?UTF-8?q?[change]=20=E4=BD=9C=E5=93=81=E6=A4=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=99=82=E3=81=AB=E4=BD=9C=E5=93=81=E3=81=8C=E4=B8=80?=
 =?UTF-8?q?=E5=AE=9A=E6=95=B0=E3=81=AA=E3=82=89=E7=84=A1=E9=99=90=E3=83=AD?=
 =?UTF-8?q?=E3=83=BC=E3=83=89=E3=82=92=E7=A6=81=E6=AD=A2=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/pages/index.vue b/pages/index.vue
index e4aaa8e..1093b3b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -191,6 +191,9 @@ export default class Index extends Vue {
     if (resWorks.status !== 200) {
       alert('作品一覧の取得に失敗しました')
     }
+    if (this.works.length < this.limit) {
+      this.isWorksEmpty = true
+    }
     this.works.splice(0)
     this.works = resWorks.data
     this.processing = false
@@ -200,6 +203,7 @@ export default class Index extends Vue {
     workFilterStore.deleteFilterVisibility()
     tagSelectorStore.initSelectedTags()
     await this.searchWorks()
+    workFilterStore.setSearched(true)
   }
 }
 </script>

From 115aa5f9298b0ceecad4c0b500b633ad5dc4c688 Mon Sep 17 00:00:00 2001
From: Simo-C3 <shimomae.hitoshi210@mail.kyutech.jp>
Date: Sat, 12 Nov 2022 23:38:47 +0900
Subject: [PATCH 5/5] =?UTF-8?q?[change]=20=E4=BD=9C=E5=93=81=E6=8A=95?=
 =?UTF-8?q?=E7=A8=BF=E3=81=AE=E3=82=A8=E3=83=A9=E3=83=BC=E3=83=8F=E3=83=B3?=
 =?UTF-8?q?=E3=83=89=E3=83=AA=E3=83=B3=E3=82=B0=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/works/WorksForm.vue | 41 +++++++++++++++++++++++++---------
 1 file changed, 31 insertions(+), 10 deletions(-)

diff --git a/components/works/WorksForm.vue b/components/works/WorksForm.vue
index 789a925..439d734 100644
--- a/components/works/WorksForm.vue
+++ b/components/works/WorksForm.vue
@@ -154,6 +154,21 @@ export default class WorksForm extends Vue {
     }
   }
 
+  submitSuccessProcess() {
+    workPostStore.initAssetsViewInfo()
+    tagSelectorStore.initSelectedTags()
+    workPostStore.initThumbnailViewInfo()
+    workPostStore.initIsBlockUnload()
+    this.$router.push('/')
+  }
+
+  submitErrorProcess(error: Error) {
+    console.error(error)
+    alert(
+      '作品投稿に失敗しました。もう一度試すか、それでもダメな場合は管理者に報告してください。'
+    )
+  }
+
   clickSubmit(visibility: string) {
     this.workData.tags_id.splice(0)
     this.getSelectedTags.map((tag) => {
@@ -177,23 +192,29 @@ export default class WorksForm extends Vue {
             `/works?post_discord=${this.shareDiscord}`,
             true,
             this.workData
-          ).then((result) => {
-            this.$router.push('/')
-          })
+          )
+            .then((result) => {
+              this.submitSuccessProcess()
+            })
+            .catch((error) => {
+              this.submitErrorProcess(error)
+              return
+            })
         } else {
           AxiosClient.client(
             'PUT',
             `/works/${this.$route.params.id}`,
             true,
             this.workData
-          ).then((result) => {
-            this.$router.push('/')
-          })
+          )
+            .then((result) => {
+              this.submitSuccessProcess()
+            })
+            .catch((error) => {
+              this.submitErrorProcess(error)
+              return
+            })
         }
-        workPostStore.initAssetsViewInfo()
-        tagSelectorStore.initSelectedTags()
-        workPostStore.initThumbnailViewInfo()
-        workPostStore.initIsBlockUnload()
       } catch (error) {
         console.error(error)
       }