refactor(layout): make "default-max" the default (#3455)

layouts/default-max.vue

@@ -1,35 +0,0 @@
-<template>
-  <div>
-    <header>
-      <qiskit-ui-shell v-if="isALearningPage" @on-click="onClick" />
-      <qiskit-ui-shell v-else variant="hide-account" @on-click="onClick" />
-    </header>
-    <main class="main">
-      <slot />
-    </main>
-    <LayoutFooter theme="light" />
-  </div>
-</template>
-
-<script setup lang="ts">
-// import "@qiskit/web-components/ui-shell";
-
-const route = useRoute();
-const { trackClickEvent } = useSegment();
-
-function onClick(e: CustomEvent) {
-  trackClickEvent(`${e.detail?.label?.toLowerCase()}`, "menu");
-}
-
-const isALearningPage = computed(() => route.path.includes("/learn"));
-</script>
-
-<style lang="scss" scoped>
-.main {
-  margin-top: 3.25rem;
-}
-
-qiskit-ui-shell {
-  --header-content-max-width: 96rem;
-}
-</style>

layouts/default.vue

@@ -1,25 +1,29 @@
 <template>
   <div>
-    <qiskit-ui-shell variant="hide-account" @on-click="onClick" />
-    <div class="main-container">
+    <header>
+      <qiskit-ui-shell v-if="isALearningPage" @on-click="onClick" />
+      <qiskit-ui-shell v-else variant="hide-account" @on-click="onClick" />
+    </header>
+    <main class="main">
       <slot />
-    </div>
-    <LayoutFooter old-container theme="light" />
+    </main>
+    <LayoutFooter />
   </div>
 </template>
 
 <script setup lang="ts">
-// import "@qiskit/web-components/ui-shell";
-
+const route = useRoute();
 const { trackClickEvent } = useSegment();
 
 function onClick(e: CustomEvent) {
   trackClickEvent(`${e.detail?.label?.toLowerCase()}`, "menu");
 }
+
+const isALearningPage = computed(() => route.path.includes("/learn"));
 </script>
 
 <style lang="scss" scoped>
-.main-container {
+.main {
   margin-top: 3.25rem;
 }
 

pages/advocates.vue

@@ -14,7 +14,6 @@
 
 <script setup lang="ts">
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Advocates",
   routeName: "advocates",
 });

pages/ecosystem.vue

@@ -148,7 +148,6 @@ const joinAction: TextLink = {
 };
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Ecosystem",
   routeName: "ecosystem",
 });

pages/events/fall-fest.vue

@@ -100,7 +100,6 @@
 </template>
 
 <script setup lang="ts">
-// import "@carbon/web-components/es/components/tabs/index.js";
 import {
   header,
   agenda,
@@ -108,7 +107,6 @@ import {
 } from "~/constants/fallFest2022Content";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Fall Fest 2022",
   routeName: "fall-fest",
 });

pages/events/index.vue

@@ -113,9 +113,6 @@
 </template>
 
 <script setup lang="ts">
-// import "@carbon/web-components/es/components/checkbox/index.js";
-// import "@carbon/web-components/es/components/code-snippet/index.js";
-// import "@carbon/web-components/es/components/tabs/index.js";
 import {
   CommunityEvent,
   WORLD_REGION_OPTIONS,
@@ -128,7 +125,6 @@ import rawUpcomingEvents from "~/content/events/upcoming-community-events.json";
 type TabActiveSet = "calendar" | "past" | "upcoming";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Events",
   routeName: "events",
 });

pages/events/seminar-series.vue

@@ -123,7 +123,6 @@ import { TextLink } from "~/types/links";
 import { DescriptionCard, MosaicElement } from "~/types/uiComponents";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Seminar Series",
   routeName: "seminar-series",
 });

pages/events/summer-school-2022.vue

@@ -110,7 +110,6 @@ import {
 } from "~/constants/summerSchool2022Content";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Global Summer School 2022",
   routeName: "summer-school-2022",
 });

pages/events/summer-school-2023.vue

@@ -121,7 +121,6 @@ import {
 } from "~/constants/summerSchool2023Content";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Global Summer School 2023",
   routeName: "/events/summer-school-2023",
 });

pages/index.vue

@@ -15,7 +15,6 @@ interface PackageInfo {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit",
   routeName: "qiskit-landing-page",
 });

pages/learn/course/algorithm-design.vue

@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Variational Algorithm Design",
   routeName: "algorithm-design",
 });

pages/learn/course/basics-quantum-information.vue

@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Basics of quantum information",
   routeName: "basics-quantum-information-course",
 });

pages/learn/course/fundamentals-quantum-algorithms.vue

@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Fundamentals of quantum algorithms",
   routeName: "fundamentals-quantum-algorithms-course",
 });

pages/learn/course/games-and-demos.vue

@@ -29,7 +29,6 @@ enum GamesAndDemosUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Games and demos",
   routeName: "games-and-demos",
 });

pages/learn/course/introduction-course.vue

@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Introduction course",
   routeName: "introduction-course",
 });

pages/learn/course/legacy-content.vue

@@ -34,7 +34,6 @@ enum LegacyContentUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Legacy content",
   routeName: "legacy-content",
 });

pages/learn/course/machine-learning-course.vue

@@ -22,7 +22,6 @@ import { LearnStartLearningUrl } from "~/constants/links";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum machine learning course",
   routeName: "machine-learning-course",
 });

pages/learn/course/multiple-qubits-and-entanglement.vue

@@ -31,7 +31,6 @@ enum MultipleQubitsAndEntanglementUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Multiple Qubits and Entanglement",
   routeName: "multiple-qubits-and-entanglement",
 });

pages/learn/course/prerequisites.vue

@@ -27,7 +27,6 @@ enum PrerequisitesUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Prerequisites",
   routeName: "prerequisites",
 });

pages/learn/course/quantum-algorithms-for-applications.vue

@@ -34,7 +34,6 @@ enum QuantumAlgorithmsForApplicationsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum Algorithms for Applications",
   routeName: "quantum-algorithms-for-applications",
 });

pages/learn/course/quantum-computing-labs.vue

@@ -34,7 +34,6 @@ enum QuantumComputingLabsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum Computing Labs",
   routeName: "quantum-computing-labs",
 });

pages/learn/course/quantum-hardware-circuits.vue

@@ -29,7 +29,6 @@ enum QuantumHardwareCircuitsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Investigating Quantum Hardware Using Quantum Circuits",
   routeName: "quantum-hardware-circuits",
 });

pages/learn/course/quantum-hardware-pulses.vue

@@ -31,7 +31,6 @@ enum QuantumHardwarePulsesUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Investigating Quantum Hardware Using Microwave Pulses",
   routeName: "quantum-hardware-pulses",
 });

pages/learn/course/quantum-protocols-and-quantum-algorithms.vue

@@ -39,7 +39,6 @@ enum QuantumProtocolsAndQuantumAlgorithmsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum Protocols and Quantum Algorithms",
   routeName: "quantum-protocols-and-quantum-algorithms",
 });

pages/learn/course/quantum-states-and-qubits.vue

@@ -30,7 +30,6 @@ enum QuantumStatesAndQubitsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum States and Qubits",
   routeName: "quantum-states-and-qubits",
 });

pages/learn/index.vue

@@ -14,7 +14,6 @@ import { SocialMedia } from "~/constants/links";
 import { DescriptionCard } from "~/types/uiComponents";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Textbook",
   routeName: "learn",
 });

pages/learn/summer-school/introduction-to-quantum-computing-and-quantum-hardware-2020.vue

@@ -22,7 +22,6 @@ import { LearnStartLearningUrl } from "~/constants/links";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle:
     "2020 Qiskit global summer school on quantum computing and quantum hardware",
   routeName: "introduction-to-quantum-computing-and-quantum-hardware-2020",

pages/learn/summer-school/quantum-computing-and-quantum-learning-2021.vue

@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "2021 Qiskit Global Summer School on Quantum Machine Learning",
   routeName: "quantum-computing-and-quantum-learning-2021",
 });

pages/learn/summer-school/quantum-simulation-summer-school-2022.vue

@@ -22,7 +22,6 @@ import { LearnStartLearningUrl } from "~/constants/links";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "2022 Qiskit global summer school on quantum simulation",
   routeName: "quantum-simulation-summer-school-2022",
 });

pages/providers.vue

@@ -70,7 +70,6 @@ import {
 } from "~/types/providers";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Providers",
   routeName: "providers",
 });