Codehighlight fixes

doc/accessibility/FormControlsDoc.vue

@@ -5,7 +5,7 @@
             space key as well to trigger.
         </p>
     </DocSectionText>
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;button @click="onButtonClick(event)"&gt;Click&lt;/button&gt;
         
 </code></pre>
@@ -13,7 +13,7 @@
     <div class="doc-section-description">
         <p>On the other hand, a fancy css based button using a div has no keyboard or screen reader support.</p>
     </div>
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;div class="fancy-button" @click="onButtonClick(event)"&gt;Click&lt;/div&gt;
 
 </code></pre>
@@ -24,7 +24,7 @@
             controls should be preferred.
         </p>
     </div>
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;div class="fancy-button" @click="onClick(event)" @keydown="onKeyDown(event)" tabindex="0"&gt;Click&lt;/div&gt;
 
 </code></pre>
@@ -32,7 +32,7 @@
     <div class="doc-section-description">
         <p>Form components must be related to another element that describes what the form element is used for. This is usually achieved with the <i>label</i> element.</p>
     </div>
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;label for="myinput"&gt;Username:&lt;/label&gt;
 &lt;input id="myinput" type="text" name="username" /&gt;
 

doc/accessibility/SemanticHTMLDoc.vue

@@ -6,7 +6,7 @@
         </p>
     </DocSectionText>
 
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;div class="header"&gt;
     &lt;div class="header-text"&gt;Header&lt;/div&gt;
 &lt;/div&gt;
@@ -29,7 +29,7 @@
     <div class="doc-section-description">
         <p>Same layout can be achieved using the semantic elements with screen reader support built-in.</p>
     </div>
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;header&gt;
     &lt;h1&gt;Header&lt;/h1&gt;
 &lt;/header&gt;

doc/accessibility/WAIAriaDoc.vue

@@ -13,7 +13,7 @@
         <p>Consider the following case of a native checkbox. It has built-in keyboard and screen reader support.</p>
     </DocSectionText>
 
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;input type="checkbox" value="Prime" name="ui" checked&gt;
 
 </code></pre>
@@ -24,7 +24,7 @@
             read by a reader.
         </p>
     </div>
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;div class="fancy-checkbox"&gt;
     &lt;i class="checked-icon" v-if="checked"&gt;&lt;/i&gt;
 &lt;/div&gt;
@@ -34,7 +34,7 @@
     <div class="doc-section-description">
         <p>One alternative is using ARIA roles for readers and use javascript for keyboard support. Notice the usage of <i>aria-labelledby</i> as a replacement of the <i>label</i> tag with for.</p>
     </div>
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;span id="chk-label"&gt;Remember Me&lt;/span&gt;
 &lt;div class="fancy-checkbox" role="checkbox" aria-checked="false" tabindex="0" aria-labelledby="chk-label"
     @click="toggle" @keydown="onKeyDown(event)"&gt;
@@ -50,7 +50,7 @@
             that hides the elements from the user but not from the screen reader.
         </p>
     </div>
-    <pre v-code.script><code>
+    <pre v-code><code>
 &lt;label for="chkbox"&gt;Remember Me&lt;/label&gt;
 &lt;div class="fancy-checkbox" @click="toggle"&gt;
     &lt;input class="p-sr-only" type="checkbox" id="chkbox" @focus="updateParentVisuals" @blur="updateParentVisuals"

doc/theming/CSSModulesDoc.vue

@@ -9,7 +9,7 @@
         <InputText :class="$style.myinput" placeholder="Search" />
     </div>
     <DocSectionCode :code="code1" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
-    <DocSectionCode :code="code2" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
+    <DocSectionCode :code="code2" hideToggleCode hideCodeSandbox hideStackBlitz />
 </template>
 
 <script>

doc/theming/PrimeFlexDoc.vue

@@ -13,7 +13,7 @@
         <Button type="button" label="Button 2" severity="secondary"></Button>
         <Button type="button" label="Button 3" severity="help"></Button>
     </div>
-    <DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
+    <DocSectionCode :code="code" hideToggleCode hideCodeSandbox hideStackBlitz />
 </template>
 
 <script>

doc/theming/ScopedCSSDoc.vue

@@ -11,7 +11,7 @@
         </Panel>
     </div>
     <DocSectionCode :code="code1" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
-    <DocSectionCode :code="code2" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
+    <DocSectionCode :code="code2" hideToggleCode hideCodeSandbox hideStackBlitz />
 </template>
 
 <script>

doc/theming/SwitchThemesDoc.vue

@@ -14,7 +14,7 @@
     <div class="doc-section-description">
         <p>In a Vite based project like <a href="https://github.com/vuejs/create-vue">create-vue</a>, the link can be placed at index.html.</p>
     </div>
-    <DocSectionCode :code="code4" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
+    <DocSectionCode :code="code4" hideToggleCode hideCodeSandbox hideStackBlitz />
     <div class="doc-section-description">
         <p><a href="https://nuxtjs.org/">Nuxt</a> applications can configure the link element using <i>nuxt.config.js</i>.</p>
     </div>