Merge pull request #665 from kaizumaki/feature/revert-ssr

NEKOYASAN · web-flow · commit 5c19484f27ce · 2021-06-04T19:03:16.000+09:00
ssr:falseに戻す
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -5,7 +5,7 @@ const environment = process.env.NODE_ENV || 'development'
 
 export default {
   telemetry: false,
-  ssr: true,
+  ssr: false,
   srcDir: 'src',
   /*
    ** Headers of the page
diff --git a/src/middleware/authenticated.ts b/src/middleware/authenticated.ts
@@ -1,8 +1,7 @@
 import { Middleware } from '@nuxt/types'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 
 const authenticated: Middleware = async ({ redirect, localePath }) => {
-  const { Auth } = withSSRContext()
   const userInfo = await Auth.currentUserInfo()
 
   if (!userInfo) {
diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -109,7 +109,7 @@
 import Vue from 'vue'
 import BaseInputField from '@/components/BaseInputField.vue'
 import BaseActionButton from '@/components/BaseActionButton.vue'
-import { withSSRContext } from 'aws-amplify'
+import { API, Auth } from 'aws-amplify'
 import { GRAPHQL_AUTH_MODE, GraphQLResult } from '@aws-amplify/api'
 // import { getClass } from '@/graphql/queries'
 import { GetClassQuery } from '@/API'
@@ -138,7 +138,6 @@ export default Vue.extend({
     }
   },
   async mounted() {
-    const { Auth } = withSSRContext()
     const userInfo = await Auth.currentUserInfo()
     this.isLoggedIn = !!userInfo
   },
@@ -153,7 +152,6 @@ export default Vue.extend({
           }
         }
       `
-      const { API } = withSSRContext()
       try {
         const result = (await API.graphql({
           query: getClassSimple,
diff --git a/src/pages/user/classlist.vue b/src/pages/user/classlist.vue
@@ -52,7 +52,7 @@
 import Vue from 'vue'
 import BaseBottomSheetLayer from '@/components/BaseBottomSheetLayer.vue'
 import BaseActionButton from '@/components/BaseActionButton.vue'
-import { withSSRContext } from 'aws-amplify'
+import { Auth, API } from 'aws-amplify'
 import { GraphQLResult } from '@aws-amplify/api'
 import { vxm } from '@/store'
 import { ListClasssQuery } from '@/API'
@@ -75,7 +75,6 @@ export default Vue.extend({
     }
   },
   async created() {
-    const { API, Auth } = withSSRContext()
     const user = await Auth.currentAuthenticatedUser()
     const listClasssSimple = /* GraphQL */ `
       query ListClasss(
diff --git a/src/pages/user/editUserEmail.vue b/src/pages/user/editUserEmail.vue
@@ -55,7 +55,7 @@ import Vue from 'vue'
 import BaseBottomSheetLayer from '@/components/BaseBottomSheetLayer.vue'
 import BaseActionButton from '@/components/BaseActionButton.vue'
 import BaseInputField from '@/components/BaseInputField.vue'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 import { vxm } from '~/store'
 
 type Data = {
@@ -93,7 +93,6 @@ export default Vue.extend<Data, Methods, Computed, unknown>({
   methods: {
     async doSave(): Promise<void> {
       this.loading = true
-      const { Auth } = withSSRContext()
       const user = await Auth.currentAuthenticatedUser()
       if (user) {
         if (this.email !== this.currentEmail) {
diff --git a/src/pages/user/editUserName.vue b/src/pages/user/editUserName.vue
@@ -54,7 +54,7 @@ import Vue from 'vue'
 import BaseBottomSheetLayer from '@/components/BaseBottomSheetLayer.vue'
 import BaseActionButton from '@/components/BaseActionButton.vue'
 import BaseInputField from '@/components/BaseInputField.vue'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 import { vxm } from '~/store'
 
 type Data = {
@@ -92,7 +92,6 @@ export default Vue.extend<Data, Methods, Computed, unknown>({
   methods: {
     async doSave(): Promise<void> {
       this.loading = true
-      const { Auth } = withSSRContext()
       const user = await Auth.currentAuthenticatedUser()
       if (user) {
         if (this.name !== this.currentName) {
diff --git a/src/pages/user/editUserPassword.vue b/src/pages/user/editUserPassword.vue
@@ -79,7 +79,7 @@ import Vue from 'vue'
 import BaseBottomSheetLayer from '@/components/BaseBottomSheetLayer.vue'
 import BaseActionButton from '@/components/BaseActionButton.vue'
 import BaseInputField from '@/components/BaseInputField.vue'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 
 type Data = {
   currentPassword: string
@@ -145,7 +145,6 @@ export default Vue.extend<Data, Methods, Computed, unknown>({
   methods: {
     async doSave(): Promise<void> {
       this.loading = true
-      const { Auth } = withSSRContext()
       const user = await Auth.currentAuthenticatedUser()
       if (user) {
         if (this.newPassword) {
diff --git a/src/pages/user/login.vue b/src/pages/user/login.vue
@@ -66,7 +66,7 @@ import Vue from 'vue'
 import BaseBottomSheetLayer from '@/components/BaseBottomSheetLayer.vue'
 import BaseActionButton from '@/components/BaseActionButton.vue'
 import BaseInputField from '@/components/BaseInputField.vue'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 // import { vxm } from '@/store'
 
 export default Vue.extend({
@@ -92,7 +92,6 @@ export default Vue.extend({
   methods: {
     async doLogin(): Promise<void> {
       this.loading = true
-      const { Auth } = withSSRContext()
       try {
         await Auth.signIn(this.email, this.password)
         // await vxm.user.login()
diff --git a/src/pages/user/logout.vue b/src/pages/user/logout.vue
@@ -14,7 +14,7 @@
 <script lang="ts">
 import Vue from 'vue'
 import BaseBottomSheetLayer from '@/components/BaseBottomSheetLayer.vue'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 import { vxm } from '@/store'
 
 export default Vue.extend({
@@ -32,7 +32,6 @@ export default Vue.extend({
   methods: {
     async doLogout(): Promise<void> {
       this.loading = true
-      const { Auth } = withSSRContext()
       try {
         await Auth.signOut()
         await vxm.app.resetDate()
diff --git a/src/pages/user/signup.vue b/src/pages/user/signup.vue
@@ -90,7 +90,7 @@ import Vue from 'vue'
 import BaseBottomSheetLayer from '@/components/BaseBottomSheetLayer.vue'
 import BaseActionButton from '@/components/BaseActionButton.vue'
 import BaseInputField from '@/components/BaseInputField.vue'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 
 type Data = {
   name: string
@@ -160,7 +160,6 @@ export default Vue.extend<Data, Methods, Computed, Props>({
   methods: {
     async doSignUp() {
       this.loading = true
-      const { Auth } = withSSRContext()
       await Auth.signUp({
         username: this.email,
         password: this.password,
diff --git a/src/pages/user/verify.vue b/src/pages/user/verify.vue
@@ -66,7 +66,7 @@ import Vue from 'vue'
 import BaseBottomSheetLayer from '@/components/BaseBottomSheetLayer.vue'
 import BaseActionButton from '@/components/BaseActionButton.vue'
 import BaseInputField from '@/components/BaseInputField.vue'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 
 export default Vue.extend({
   components: { BaseBottomSheetLayer, BaseActionButton, BaseInputField },
@@ -91,7 +91,6 @@ export default Vue.extend({
   methods: {
     async doVerify(): Promise<void> {
       this.loading = true
-      const { Auth } = withSSRContext()
       await Auth.confirmSignUp(this.email, this.verification_code)
         .then(() => {
           this.$router.push(this.localePath('/user/classlist'))
diff --git a/src/pages/user/verifyNewEmail.vue b/src/pages/user/verifyNewEmail.vue
@@ -66,7 +66,7 @@ import Vue from 'vue'
 import BaseBottomSheetLayer from '@/components/BaseBottomSheetLayer.vue'
 import BaseActionButton from '@/components/BaseActionButton.vue'
 import BaseInputField from '@/components/BaseInputField.vue'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 
 export default Vue.extend({
   components: { BaseBottomSheetLayer, BaseActionButton, BaseInputField },
@@ -92,7 +92,6 @@ export default Vue.extend({
   methods: {
     async doVerify(): Promise<void> {
       this.loading = true
-      const { Auth } = withSSRContext()
       await Auth.verifyCurrentUserAttributeSubmit(
         'email',
         this.verification_code
diff --git a/src/plugins/amplify.ts b/src/plugins/amplify.ts
@@ -1,4 +1,4 @@
 import Amplify from 'aws-amplify'
 import awsconfig from '@/aws-exports'
 
-Amplify.configure({ ...awsconfig, ssr: true })
+Amplify.configure(awsconfig)
diff --git a/src/store/modules/classData.ts b/src/store/modules/classData.ts
@@ -6,7 +6,7 @@ import {
 } from 'vuex-class-component'
 import { AppStore } from '@/store/modules/app'
 import classData from '@/types/store/classData'
-import { withSSRContext, graphqlOperation } from 'aws-amplify'
+import { API, Auth, graphqlOperation } from 'aws-amplify'
 import { GRAPHQL_AUTH_MODE, GraphQLResult } from '@aws-amplify/api'
 import {
   createSchool,
@@ -136,7 +136,6 @@ export class ClassDataStore extends VuexModule implements classData.ClassData {
 
   @action
   public async lessonsOnCurrentDate(date: Date) {
-    const { API } = withSSRContext()
     const lessons = (await API.graphql({
       query: listLessonsByClassSimple,
       variables: {
@@ -210,7 +209,6 @@ export class ClassDataStore extends VuexModule implements classData.ClassData {
         }
       }
     `
-    const { API } = withSSRContext()
     const lessons = (await API.graphql({
       query: listLessonsByClassSimple,
       variables: {
@@ -231,7 +229,6 @@ export class ClassDataStore extends VuexModule implements classData.ClassData {
 
   @action
   public async loadClassData(classId: classData.ClassId) {
-    const { API } = withSSRContext()
     const result = (await API.graphql({
       query: getClassSimple,
       variables: { id: classId },
@@ -259,8 +256,6 @@ export class ClassDataStore extends VuexModule implements classData.ClassData {
     schoolName: string
     locale: string
   }) {
-    const { API, Auth } = withSSRContext()
-
     if (!vxm.user.isAuthenticated) {
       throw new Error('ユーザーが正しくログインされていません')
     }
@@ -310,7 +305,6 @@ export class ClassDataStore extends VuexModule implements classData.ClassData {
 
   @action
   public async registerLesson(lessonData: classData.Lesson) {
-    const { API, Auth } = withSSRContext()
     try {
       const user = await Auth.currentAuthenticatedUser()
       await API.graphql(
@@ -336,7 +330,6 @@ export class ClassDataStore extends VuexModule implements classData.ClassData {
     editData: any
     id: classData.LessonId
   }) {
-    const { API } = withSSRContext()
     try {
       await API.graphql(
         graphqlOperation(updateLesson, {
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
@@ -1,5 +1,5 @@
 import { createModule, action, mutation } from 'vuex-class-component'
-import { withSSRContext } from 'aws-amplify'
+import { Auth } from 'aws-amplify'
 
 const VuexModule = createModule({
   namespaced: 'user',
@@ -28,7 +28,6 @@ export class UserStore extends VuexModule implements User {
   displayName: DisplayName = ''
 
   public get isAuthenticated(): Promise<boolean> {
-    const { Auth } = withSSRContext()
     return (async () => {
       return await Auth.currentAuthenticatedUser()
         .then(() => true)
@@ -45,7 +44,6 @@ export class UserStore extends VuexModule implements User {
 
   @action
   public async login() {
-    const { Auth } = withSSRContext()
     const user = await Auth.currentAuthenticatedUser()
     this.setUser({
       email: user.attributes.email,
@@ -65,7 +63,6 @@ export class UserStore extends VuexModule implements User {
 
   @action
   public async logout() {
-    const { Auth } = withSSRContext()
     await Auth.signOut()
     this.setUser({
       email: '',

Original file line number	Diff line number	Diff line change
`@@ -109,7 +109,7 @@`
`109`	`109`	`import Vue from 'vue'`
`110`	`110`	`import BaseInputField from '@/components/BaseInputField.vue'`
`111`	`111`	`import BaseActionButton from '@/components/BaseActionButton.vue'`
`112`		`-import { withSSRContext } from 'aws-amplify'`
	`112`	`+import { API, Auth } from 'aws-amplify'`
`113`	`113`	`import { GRAPHQL_AUTH_MODE, GraphQLResult } from '@aws-amplify/api'`
`114`	`114`	`// import { getClass } from '@/graphql/queries'`
`115`	`115`	`import { GetClassQuery } from '@/API'`
`@@ -138,7 +138,6 @@ export default Vue.extend({`
`138`	`138`	`}`
`139`	`139`	`},`
`140`	`140`	`async mounted() {`
`141`		`- const { Auth } = withSSRContext()`
`142`	`141`	`const userInfo = await Auth.currentUserInfo()`
`143`	`142`	`this.isLoggedIn = !!userInfo`
`144`	`143`	`},`
`@@ -153,7 +152,6 @@ export default Vue.extend({`
`153`	`152`	`}`
`154`	`153`	`}`
`155`	`154`	`
`156`		`- const { API } = withSSRContext()`
`157`	`155`	`try {`
`158`	`156`	`const result = (await API.graphql({`
`159`	`157`	`query: getClassSimple,`