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>
🔨 設定
| 名稱 | 預設值 | 描述 |
|---|---|---|
prefix | 'use' | 在每個 Radash 函數之前加入的字串（false 停用） |
prefixSkip | 'is' | 以這些關鍵字開頭的函式將跳過前綴（false 停用） |
upperAfterPrefix | true | 若為 true，將自動將前綴後的第一個字母大寫（false 停用） |
alias | [] | 重新命名特定 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