style: format

ocsjs · Aug 26, 2022 · 454e810 · 454e810
1 parent a13ab50
commit 454e810
Show file tree

Hide file tree

Showing 31 changed files with 63 additions and 242 deletions.
diff --git a/packages/core/src/App.vue b/packages/core/src/App.vue
@@ -90,10 +90,7 @@
 	</div>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { computed, Ref } from '@vue/reactivity';
 import debounce from 'lodash/debounce';
 import { nextTick, onMounted, ref, watch } from 'vue';

diff --git a/packages/web/src/App.vue b/packages/web/src/App.vue
@@ -51,10 +51,7 @@
 	</div>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { nextTick, onMounted, onUnmounted } from 'vue';
 import { useRouter } from 'vue-router';
 import Title from './components/Title.vue';

diff --git a/packages/web/src/components/Card.vue b/packages/web/src/components/Card.vue
@@ -13,10 +13,7 @@
 	</div>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { toRefs } from 'vue';
 interface CardProps {
 	title?: string;
@@ -29,10 +26,7 @@ const props = withDefaults(defineProps<CardProps>(), {
 const { title } = toRefs(props);
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 #app .ant-badge-status-dot {
 	height: 16px;
 	border-radius: 4px;

diff --git a/packages/web/src/components/CodeHighlight.vue b/packages/web/src/components/CodeHighlight.vue
@@ -12,10 +12,7 @@
 	</div></code></pre>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { toRefs } from 'vue';
 
 import highlight from 'highlight.js/lib/core';
@@ -45,10 +42,7 @@ function render(content: string, language: string) {
 }
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 pre,
 code {
 	padding: 0 !important;
@@ -62,6 +56,7 @@ code {
 	.error {
 		background-color: #ff000030;
 	}
+
 	.info {
 		background-color: #70b2df30;
 	}

diff --git a/packages/web/src/components/Description.vue b/packages/web/src/components/Description.vue
@@ -16,10 +16,7 @@
 	</span>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { toRefs } from 'vue';
 interface DescriptionProps {
 	label: string;
@@ -33,10 +30,7 @@ const props = withDefaults(defineProps<DescriptionProps>(), {
 const { label, desc, textClass } = toRefs(props);
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 .desc {
 	word-wrap: break-word;
 	word-break: break-all;

diff --git a/packages/web/src/components/Help.vue b/packages/web/src/components/Help.vue
@@ -8,17 +8,11 @@
 	</div>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import Key from './Key.vue';
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 .help-content {
 	width: fit-content;
 }

diff --git a/packages/web/src/components/Icon.vue b/packages/web/src/components/Icon.vue
@@ -8,10 +8,7 @@
 	</span>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { toRefs } from 'vue';
 interface IconProps {
 	type: string;
@@ -24,10 +21,7 @@ const props = withDefaults(defineProps<IconProps>(), {
 const { type } = toRefs(props);
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 .active {
 	color: #1890ff;
 }

diff --git a/packages/web/src/components/Key.vue b/packages/web/src/components/Key.vue
@@ -4,15 +4,9 @@
 	</span>
 </template>
 
-<script
-	setup
-	lang="ts"
-></script>
+<script setup lang="ts"></script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 .key {
 	padding: 2px;
 	margin: 0px 4px 0px 4px;

diff --git a/packages/web/src/components/MultipleFileStartup.vue b/packages/web/src/components/MultipleFileStartup.vue
@@ -36,10 +36,7 @@
 	</a-modal>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { ref, toRefs } from 'vue';
 import { File } from '../core/File';
 import { startup } from './file/File';
@@ -62,7 +59,4 @@ function handleOk() {
 }
 </script>
 
-<style
-	scoped
-	lang="less"
-></style>
+<style scoped lang="less"></style>
diff --git a/packages/web/src/components/Path.vue b/packages/web/src/components/Path.vue
@@ -16,10 +16,7 @@
 	</div>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { ref, toRefs } from 'vue';
 import Description from './Description.vue';
 import { remote } from '../utils/remote';
@@ -55,7 +52,4 @@ async function change(name: string) {
 }
 </script>
 
-<style
-	scoped
-	lang="less"
-></style>
+<style scoped lang="less"></style>
diff --git a/packages/web/src/components/Title.vue b/packages/web/src/components/Title.vue
@@ -99,10 +99,7 @@
 	</div>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { Modal } from 'ant-design-vue';
 import { h, nextTick, onMounted, ref, watch } from 'vue';
 import { nextTutorialStep, store, files } from '../store';
@@ -180,10 +177,7 @@ function multipleFileStartup() {
 }
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 .title {
 	width: 100%;
 	display: flex;

diff --git a/packages/web/src/components/TitleLink.vue b/packages/web/src/components/TitleLink.vue
@@ -4,10 +4,7 @@
 	</a-menu-item>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 interface TitleLinkProps {
 	url: string;
 	title: string;
@@ -21,7 +18,4 @@ function open(url: string) {
 }
 </script>
 
-<style
-	scoped
-	lang="less"
-></style>
+<style scoped lang="less"></style>
diff --git a/packages/web/src/components/Tutorial.vue b/packages/web/src/components/Tutorial.vue
@@ -24,10 +24,7 @@
 	</template>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { toRefs } from 'vue';
 interface HelperProps {
 	content: string;
@@ -45,7 +42,4 @@ const emits = defineEmits<{
 }>();
 </script>
 
-<style
-	scoped
-	lang="less"
-></style>
+<style scoped lang="less"></style>
diff --git a/packages/web/src/components/file/FileMenu.vue b/packages/web/src/components/file/FileMenu.vue
@@ -6,10 +6,7 @@
 	/>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { ref, Ref, toRefs } from 'vue';
 import { notify } from '../../utils/notify';
 import { remote } from '../../utils/remote';
@@ -47,7 +44,4 @@ function onError(e: Error) {
 }
 </script>
 
-<style
-	scoped
-	lang="less"
-></style>
+<style scoped lang="less"></style>
diff --git a/packages/web/src/components/file/FilePanel.vue b/packages/web/src/components/file/FilePanel.vue
@@ -194,10 +194,7 @@
 	</template>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { computed, nextTick, onMounted, onUnmounted, ref, toRefs, watch } from 'vue';
 import { Form, scriptForms } from '.';
 import { NodeJS } from '../../utils/export';
@@ -317,10 +314,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 .error-page {
 	width: 100%;
 	padding-top: 50px;

diff --git a/packages/web/src/components/file/FileTree.vue b/packages/web/src/components/file/FileTree.vue
@@ -77,10 +77,7 @@
 	</ATree>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { message } from 'ant-design-vue';
 import ATree from 'ant-design-vue/lib/tree';
 import { TreeDataItem } from 'ant-design-vue/lib/tree/Tree';
@@ -271,10 +268,7 @@ function renameDir(dir: string, dest: string) {
 }
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 #app .file-tree {
 	.file-title {
 		font-size: 12px;

diff --git a/packages/web/src/components/file/FilesTree.vue b/packages/web/src/components/file/FilesTree.vue
@@ -58,10 +58,7 @@
 	</a-directory-tree>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { ref, toRefs } from 'vue';
 import { config } from '../../config';
 import { MenuItem } from '../../components/menus';
@@ -207,10 +204,7 @@ function onDrop(info: any) {
 }
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 .rename-input {
 	width: min-content;
 	-webkit-user-select: none !important;

diff --git a/packages/web/src/components/file/ScreenShot.vue b/packages/web/src/components/file/ScreenShot.vue
@@ -49,10 +49,7 @@
 	</div>
 </template>
 
-<script
-	setup
-	lang="ts"
->
+<script setup lang="ts">
 import { toRefs } from 'vue';
 
 interface Screenshot {
@@ -79,10 +76,7 @@ const props = withDefaults(defineProps<ScreenShotProps>(), {
 const { screenshots } = toRefs(props);
 </script>
 
-<style
-	scoped
-	lang="less"
->
+<style scoped lang="less">
 :deep(.ant-empty-img-default) {
 	width: 100px;
 	height: 100px;