\n\n\n**questions**\n\n1. is there something i am forgetting to add to my nuxt config or my page level code that is causing this problem? and how to i fix / test for it?\n2. why would there be a difference in the page on the actual phone vs. in the browser dev tools?\n\n\n// page code:\n\n```js\n\u003Ctemplate>\n \u003Cdiv v-if=\"data\">\n \u003Cmultipage-header\n :name=\"data.name\"\n :one-liner=\"data.oneLiner\"\n :sections=\"sections\"\n class=\"bg-background sticky top-0 z-10 transition-all duration-300\"\n :image=\"data.logo\"\n :serply_link=\"data.serplyLink\"\n />\n\n \u003C!-- Main content with grid -->\n \u003Csection class=\"mx-auto max-w-7xl p-4 md:p-6 lg:p-8\">\n \u003Cdiv class=\"grid gap-6 lg:grid-cols-3\">\n \u003C!-- Main Content (70%) -->\n \u003Cdiv class=\"lg:col-span-2\">\n \u003C!-- Overview Section -->\n \u003Ccompany-overview\n v-if=\"data.excerpt\"\n id=\"overview\"\n :company=\"data\"\n class=\"scroll-mt-60\"\n />\n\n \u003C!-- Article Section -->\n \u003Csection\n v-if=\"data.article\"\n class=\"prose dark:prose-invert mt-[-25px]\"\n >\n \u003Cdiv id=\"article\" class=\"mb-8\" v-html=\"data.article\">\u003C/div>\n \u003C/section>\n\n \u003C!-- Features Section -->\n \u003Csection v-if=\"data.features\" class=\"mb-12 space-y-4\">\n \u003Ch2 id=\"features\" class=\"mb-4 scroll-mt-60 text-3xl font-bold\">\n {{ data.name }} Features\n \u003C/h2>\n \u003Carticle v-for=\"feature in data.features\" :key=\"feature.item\">\n \u003Ch3 class=\"mb-2 text-lg font-bold\">{{ feature.item }}\u003C/h3>\n \u003Cp>{{ feature.description }}\u003C/p>\n \u003C/article>\n \u003C/section>\n\n \u003C!-- FAQs Section -->\n \u003Csection v-if=\"faqItems && faqItems.length\" id=\"faqs\" class=\"mb-12\">\n \u003Ch2 class=\"mb-4 scroll-mt-60 text-3xl font-bold\">FAQ\u003C/h2>\n \u003Cu-accordion type=\"multiple\" :items=\"faqItems\" />\n \u003C/section>\n\n \u003C!-- Alternatives -->\n \u003Csection v-if=\"data.alternatives\" class=\"mb-12 p-4\">\n \u003Ch2 id=\"alternatives\" class=\"mb-4 scroll-mt-60 text-3xl font-bold\">\n {{ data.name }} Alternatives\n \u003C/h2>\n \u003Cul class=\"list-disc pl-4\">\n \u003Cli v-for=\"alternative in data.alternatives\" :key=\"alternative\">\n {{ alternative }}\n \u003C/li>\n \u003C/ul>\n \u003C/section>\n \u003C/div>\n\n \u003C!-- Sidebar (30%) -->\n \u003Caside\n v-if=\"\n (data.screenshots && data.screenshots.length) ||\n (data.categories && data.categories.length)\n \"\n class=\"space-y-6 lg:col-span-1\"\n >\n \u003C!-- Left Column: Media Gallery -->\n \u003Cmedia-gallery\n v-if=\"data.screenshots && data.screenshots.length\"\n :company=\"data\"\n />\n\n \u003C!-- Categories -->\n \u003Csection\n v-if=\"data.categories && data.categories.length\"\n class=\"gap-2\"\n >\n \u003Cs-pill base-slug=\"reviews/best\" :items=\"data.categories\" />\n \u003C/section>\n \u003C/aside>\n \u003C/div>\n \u003C/section>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst route = useRoute();\nconst router = useRouter();\nconst { slug } = route.params;\n\nconst data = await useCompany(`${slug}`);\nif (!data) {\n router.push('/404');\n}\n\nconst faqItems = computed(() => {\n if (!data?.faqs) return [];\n\n return data?.faqs.map((faq) => ({\n label: faq.question,\n content: faq.answer\n }));\n});\n\nconst sections = computed(() => {\n const sectionTitles: string[] = [];\n\n sectionTitles.push('Overview');\n\n if (data?.features) {\n sectionTitles.push('Features');\n }\n if (faqItems.value && faqItems.value.length) {\n sectionTitles.push('FAQ');\n }\n\n if (data?.alternatives) {\n sectionTitles.push('Alternatives');\n }\n\n return sectionTitles;\n});\n\nuseSeoMeta({\n title: computed(() =>\n data?.name\n ? `${data.name} - Reviews, Pricing, Features`\n : 'Company Information'\n )\n});\n\u003C/script>\n```\n",[3274,3275,3278],{"name":3197,"color":3198},{"name":3276,"color":3277},"needs reproduction","CB47CF",{"name":3180,"color":3181},3168,"mobile responsiveness issues","2025-03-28T17:34:56Z","https://github.com/nuxt/ui/issues/3168",0.77016675,{"labels":3285,"number":3290,"owner":3186,"repository":3186,"state":3188,"title":3291,"updated_at":3292,"url":3293,"score":3294},[3286,3287],{"name":3247,"color":3248},{"name":3288,"color":3289},"2.x","d4c5f9",7600,"% in URL param results in incorrect behaviour","2023-01-22T15:36:02Z","https://github.com/nuxt/nuxt/issues/7600",0.77318984,{"labels":3296,"number":3301,"owner":3186,"repository":3186,"state":3188,"title":3302,"updated_at":3303,"url":3304,"score":3305},[3297,3299,3300],{"name":3298,"color":3184},"stale",{"name":3247,"color":3248},{"name":3288,"color":3289},8279," Content-Security-Policy设置丢失baseURL的问题","2023-01-22T15:38:17Z","https://github.com/nuxt/nuxt/issues/8279",0.7737684,["Reactive",3307],{},["Set"],["ShallowReactive",3310],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRqmZfT-5qCka7KVazvC3WRboNRtT_Cjfwme-ZzZI3Ws":-1},"/nuxt/ui/3696"]