Nuxt 的 Radash
📦 安装
安装 nuxt-radash 作为开发依赖
npm i nuxt-radash -D
将其添加到你的 nuxt.config 的 modules 部分
export default defineNuxtConfig({
modules: ["nuxt-radash"],
});
🚀 示例
在你的 Nuxt 应用程序中使用任何 Radash 方法，它们将被自动导入！
<script setup>
const fish = [
{
name: "Marlin",
weight: 105,
source: "ocean",
},
{
name: "Bass",
weight: 8,
source: "lake",
},
{
name: "Trout",
weight: 1,
source: "lake",
},
];
const ra = {
Mode: "god",
Power: "sun",
};
const min = useMin(fish, (f) => f.weight);
const text = usePascal("it works!");
const lowerize = useLowerize(ra);
const snake = stringToSnake('green fish blue fish')
</script>
<template>
<div>{{ text }}</div>
<pre>{{ min }}</pre>
<pre>{{ lowerize }}</pre>
<pre>{{ snake }}</pre>
</template>
🔨 配置
| 名称 | 默认 | 描述 |
|---|---|---|
前缀 | 'use' | 在每个 Radash 函数前添加的字符串（false 禁用） |
前缀跳过 | 'is' | 以此关键字开头的函数将被前缀跳过（false 禁用） |
前缀后大写 | true | 如果为 true，它将自动将前缀后的第一个字母大写（false 禁用） |
别名 | [] | 重命名特定 Radash 函数的数组对数组（仍然添加前缀） |
💻 示例 - 配置
export default defineNuxtConfig({
modules: ["nuxt-radash"],
radash: {
prefix: '_',
prefixSkip: ['string'],
upperAfterPrefix: true,
alias: [
['snake', 'stringToSnake'], // => stringToSnake
]
}
});
致谢
nuxt-radash 的开发得益于来自 Nuxt-Radash 的灵感和代码库。
📄 许可证
MIT 许可证 © 2021-2022 - Batuhan Göksu