Composition demos fixed

doc/checkbox/BasicDoc.vue

@@ -39,7 +39,7 @@ export default {
     </div>
 </template>
 
-<script>
+<script setup>
 import { ref } from "vue";
 
 const checked = ref(false);

doc/checkbox/DisabledDoc.vue

@@ -39,7 +39,7 @@ export default {
     </div>
 </template>
 
-<script>
+<script setup>
 import { ref } from "vue";
 
 const checked = ref(false);

doc/checkbox/GroupDoc.vue

@@ -101,7 +101,7 @@ export default {
     </div>
 </template>
 
-<script>
+<script setup>
 import { ref } from "vue";
 
 const pizza = ref();

doc/checkbox/InvalidDoc.vue

@@ -39,7 +39,7 @@ export default {
     </div>
 </template>
 
-<script>
+<script setup>
 import { ref } from "vue";
 
 const checked = ref(false);

doc/colorpicker/BasicDoc.vue

@@ -39,7 +39,7 @@ export default {
     </div>
 </template>
 
-<script>
+<script setup>
 import { ref } from "vue";
 
 const color = ref();

doc/colorpicker/DisabledDoc.vue

@@ -39,7 +39,7 @@ export default {
     </div>
 </template>
 
-<script>
+<script setup>
 import { ref } from "vue";
 
 const color = ref();

doc/colorpicker/FormatDoc.vue

@@ -87,7 +87,7 @@ export default {
     </div>
 </template>
 
-<script>
+<script setup>
 import { ref } from "vue";
 
 const colorHEX = ref('6466f1');

doc/colorpicker/InlineDoc.vue

@@ -39,7 +39,7 @@ export default {
     </div>
 </template>
 
-<script>
+<script setup>
 import { ref } from "vue";
 
 const color = ref();