API参考

<template>
  <ToolLayout id="yaml-to-json">
    <!-- 工具界面 -->
  </ToolLayout>
</template>

<script setup lang="ts">
import * as yaml from 'js-yaml';
// 组件逻辑
</script>

interface ToolsState {
  yamlToJson: {
    history: Array<{
      id: string;
      input: string;
      output: string;
      inputLength: number;
      outputLength: number;
      inputPreview: string;
      timestamp: number;
    }>;
  };
}

const yamlDoc = yaml.load(yamlInput.value, {
  // 默认选项
  strict: false,
  schema: yaml.DEFAULT_SCHEMA,
});

try {
  const yamlDoc = yaml.load(yamlInput.value);
  jsonOutput.value = JSON.stringify(yamlDoc, null, 2);
} catch (error: any) {
  hasError.value = true;
  errorMessage.value = error.message;
}

// 美化打印（默认）
JSON.stringify(yamlDoc, null, 2);

// 压缩
JSON.stringify(yamlDoc);

const copyToClipboard = async (text: string) => {
  try {
    await navigator.clipboard.writeText(text);
  } catch (error) {
    console.error('复制失败:', error);
  }
};

const downloadJson = () => {
  const blob = new Blob([jsonOutput.value], { type: 'application/json' });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = 'output.json';
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
  URL.revokeObjectURL(url);
};

// Pinia持久化配置
persist: [
  {
    storage: piniaPluginPersistedstate.localStorage(),
  },
];

interface YAMLError {
  name: string;
  message: string;
  mark?: {
    line: number;
    column: number;
    position: number;
  };
}

const yamlOptions = {
  strict: false, // 允许非标准YAML
  schema: yaml.DEFAULT_SCHEMA, // 使用默认模式
  prettyErrors: true, // 美化错误消息
  onWarning: (warning) => {
    // 处理警告
    console.warn(warning);
  },
};

const jsonOptions = {
  space: 2, // 缩进空格
  replacer: null, // 无值转换
  replacer: (key, value) => {
    // 自定义值转换
    return value;
  },
};