元件製作告一段落之後就發現東西散落在各處,不是那麼方便預覽各個元件,這時候就需要做一個導覽列啦~導覽列會常駐在頁面上,只需要在頁面的部份區域進行元件頁面的切換,...
昨天完成了 layout 後看起來方便很多了呢~ 今天來做一點小小的改動,將原本寫在 layout 頁面的 sidebar 清單移出來方便未來資料管理,將 la...
在開始製作 Module 之前可以想想元件想在 Module 中怎麼呈現 比如我希望: 透過 demo 路徑可以進到元件展示的頁面 使用者直接安裝可以使用我預...
經過了好幾天的前置作業,終於要開始建立 module 啦! 安裝模組工具 我使用的是官方提供的模板與方法 執行 npx nuxi init -t modul...
移動檔案到開發模組資料夾 昨天介紹完安裝的基本環境就開始一步一步建立自己的模組啦! 首先我們要移動檔案到模組開發資料夾 接下來會使用到的檔案有 assets...
在昨天成功安裝模組完之後,會很期待馬上想引入元件來看看是否能成功運行了吧! 我當初也是這麼想的~結果卻發現無法順利引入元件QQ (瞬間冷水潑下來) 這是我當初寫...
昨天引入 component 後發現 html 有元件的節點,但 tailwind 對元件不起作用 Σ(っ°Д°;)っ但是 tailwind 確實是可以在 pl...
昨天終於引入了第一個 button 元件🎉 為了讓元件都可以順利運作,接下來先安裝元件需要的工具~ 還記得在製作 tooltip 時安裝的 vue-tippy...
之前介紹透過 addComponent 的方法來加入元件 但…元件一多,要一個一個引入實在是好麻煩呀 雖然可以像 nuxt-headlessui 一樣將資訊整理...
在開發 Nuxt 時,通常我們會使用 public 和 assets 這兩個資料夾來區分不同類型的靜態資源,存放在 assets的檔案會經過 Vite 或 we...