update:update ui

Author: dirkhe1051931999

babel.config.js

@@ -6,7 +6,7 @@ module.exports = {
  [
  'prismjs',
  {
- languages: ['javascript', 'css', 'json'],
+ languages: ['javascript', 'css', 'json', 'xml', 'html'],
  plugins: [],
  theme: 'coy',
  css: true,

quasar.config.js

@@ -95,6 +95,20 @@ module.exports = configure((ctx) => {
  extendViteConf(viteConf) {
  viteConf.build.chunkSizeWarningLimit = 50000;
  viteConf.base = ctx.dev ? '/' : '/v3-admin/';
+ viteConf.css = {
+ preprocessorOptions: {
+ scss: {
+ sourceMap: false,
+ additionalData(source, fp) {
+ // All scss files ending with imports.scss
+ // will not re-import additionalData
+ if (fp.endsWith('variables.scss')) return source;
+ // Use additionalData from legacy nuxt scss options
+ return `@import "src/css/quasar.variables.scss"; ${source}`;
+ },
+ },
+ },
+ };
  },
  // viteVuePluginOptions: {},
 

src/i18n/en-US/index.ts

@@ -20,6 +20,7 @@ export default {
  md: 'Markdown',
  splitter: 'Splitter',
  jsonEditor: 'Json Editor',
+ jsonView: 'Json View',
  tabs: 'Tabs',
  sticky: 'Sticky',
  carousel: 'Carousel',

src/i18n/zh-CN/index.ts

@@ -20,6 +20,7 @@ export default {
  md: 'Markdown',
  splitter: '分割条',
  jsonEditor: 'JSON编辑器',
+ jsonView: 'JSON预览',
  tabs: '选项卡',
  sticky: 'Sticky',
  carousel: '跑马灯',

src/pages/components/color.vue

@@ -36,6 +36,3 @@ export default class myComponentColor extends Vue {
  ];
 }
 </script>
-
-<style scoped lang='scss'>
-</style>

src/pages/components/jsonEditor.vue

@@ -4,7 +4,7 @@
  v-model="json"
  v-bind="{
  mode: 'text',
- readOnly: true,
+ readOnly: false,
  onChange: onJsonChange,
  /* local props & attrs */
  }"

src/pages/components/jsonView.vue

@@ -27,7 +27,6 @@
  <template v-slot:after>
  <div class="q-pa-md">
  <div class="text-h4 q-mb-md">css</div>
-
  <pre class="language-js"><code v-text="convertCss"></code></pre>
  </div>
  </template>

src/pages/convert/index.vue

@@ -156,6 +156,7 @@ export const asyncRoutes: RouteRecordRaw[] = [
  'components-md',
  'components-splitter',
  'components-jsonEditor',
+ 'components-jsonView',
  'components-tabs',
  'components-colors',
  'components-sticky',
@@ -221,6 +222,19 @@ export const asyncRoutes: RouteRecordRaw[] = [
  /* webpackChunkName: "jsonEditor" */ 'src/pages/components/jsonEditor.vue'
  ),
  },
+ {
+ path: 'jsonView',
+ name: 'jsonView',
+ meta: {
+ title: 'jsonView',
+ icon: 'label',
+ pagePermissionId: ['components-jsonView'],
+ },
+ component: () =>
+ import(
+ /* webpackChunkName: "jsonEditor" */ 'src/pages/components/jsonView.vue'
+ ),
+ },
  {
  path: 'tabs',
  name: 'Tabs',

src/router/routes.ts

@@ -24,6 +24,7 @@
  "components-md",
  "components-splitter",
  "components-jsonEditor",
+ "components-jsonView",
  "components-tabs",
  "components-colors",
  "components-sticky",