mall-web-ssr/layouts/mobile.vue

<template>
  <div>
    <mobile-header></mobile-header>
    <nuxt/>
    <mobile-footer v-show="showMobileFooter"></mobile-footer>
  </div>
</template>
<script>
  import { MobileHeader, MobileFooter } from '~components/mobile'
  export default {
    name: 'mobileloyout',
    components: {
      MobileHeader,
      MobileFooter
    },
   middleware: 'authenticated',
    computed: {
      showMobileFooter () {
        return this.$store.state.option.showMobileFooter
      }
    },
    head () {
      return {
        meta: [
          { name: 'apple-mobile-web-app-capable', content: 'yes' },
          { name: 'MobileOptimized', content: '320' },
          { name: 'HandheldFriendly', content: 'true' },
          { name: 'viewport', content: 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' },
          { 'http-equiv': 'Cache-Control', content: 'no-siteapp' },
          { name: 'format-detection', content: 'telephone=no, email=no' }
        ]
      }
    }
  }
</script>
<style lang="scss">
  @import '~assets/scss/mobileCommon';
</style>