Storybook: Vue: Tambahkan dukungan Vue3

Dibuat pada 5 Mei 2020  ·  61Komentar  ·  Sumber: storybookjs/storybook

Saya baru saja mencoba menjalankan buku cerita dengan aplikasi Vue3 (beta) dan mendapat beberapa kesalahan ... Beberapa saya bisa menyelesaikan penggabungan konfigurasi Webpack kami dan mendorong plugin Vue3 loader:

const wltConfig = require('../apps/webpack-dev');
const { VueLoaderPlugin } = require('vue-loader');

module.exports = {
    stories: ['../**/*.stories.[tj]s'],

    webpackFinal: (config, ...args) => {
        config.plugins.push(new VueLoaderPlugin());
        return { ...config, module: { ...config.module, rules: wltConfig().module.rules } };
    }
};

Saya masih mendapatkan peringatan dan kesalahan di shell:

WARN   Failed to load preset: "/home/tobi/Projects/modul/portal/client/node_modules/@storybook/vue/dist/server/framework-preset-vue.js"
ERR! Error: Cannot find module 'vue-loader/lib/plugin'

- Namun buku cerita membangun dan membuka browser. Di sana saya terjebak dengan pesan kesalahan ini:

Uncaught TypeError: _vue.default is not a constructor
    at Object../node_modules/@storybook/vue/dist/client/preview/render.js (render.js:43)
    at __webpack_require__ (bootstrap:848)
    at fn (bootstrap:150)
    at Object../node_modules/@storybook/vue/dist/client/preview/index.js (index.js:24)
    at __webpack_require__ (bootstrap:848)
    at fn (bootstrap:150)
    at Object.<anonymous> (index.js:55)
    at Object../node_modules/@storybook/vue/dist/client/index.js (index.js:59)
    at __webpack_require__ (bootstrap:848)
    at fn (bootstrap:150)

Apakah ada pendekatan yang lebih baik dari ini? Saya total n00b untuk buku cerita jadi akan senang dengan petunjuk atau bantuan. (Saya mencari masalah untuk vue3 tanpa hasil yang berarti, setidaknya sejauh yang saya tahu.)

P1 vue feature request help wanted todo

Komentar yang paling membantu

Ya, semoga akan mendarat di 6.2. masih mencari seseorang untuk mewujudkannya!

Semua 61 komentar

Otomatisasi: Hai @ backbone87 @pocka , Anda telah diberi tag! Bisakah Anda membantu di sini?

Hmm .. Kita mungkin perlu melakukan preset vue3

Hmm .. Kita mungkin perlu melakukan preset vue3

bisa saya bantu?

apa yang saya coba sejauh ini (hanya di file dist yang terletak di direktori modul node):

vue / dist / server / framework-preset.js

  • VueLoaderPlugin sekarang merupakan ekspor vue-loader
  • ganti vue-esm.js dengan vue.esm-browser.js
11c11
< var _plugin = _interopRequireDefault(require("vue-loader/lib/plugin"));
---
> var _plugin = _interopRequireDefault(require("vue-loader").VueLoaderPlugin);
34c34
<         vue$: require.resolve('vue/dist/vue.esm.js')
---
>         vue$: require.resolve('vue/dist/vue.esm-browser.js')

vue / dist / client / preview / render.js

komponen aplikasi sekarang dipakai dengan createApp() , semua konfigurasi dll. perlu diterapkan ke instance

`` beda
21c21

<var _vue = _interopRequireDefault (membutuhkan ("vue"));

var _vue = _interopRequireDefault (membutuhkan ("vue"). createApp);
43c43

<var root = new _vue ["default"] ({

var root = _vue ["default"] ({
67c67

<_vue ["default"]. config.errorHandler = showException;

root.config.errorHandler = showException;
88c88

<root. $ mount ('# root');

root.mount('#root');

``

saya sekarang terjebak dengan vue/dist/client/preview/index.js karena instance aplikasi diperlukan di sana, misalnya untuk menentukan properti extends - dan itu tampaknya hanya layak untuk diterapkan dengan build buku cerita yang tepat…

Screenshot-2020-05-11-10:41:14

semoga langkah-langkah kecil ini ada gunanya.

Halo semuanya! Sepertinya tidak banyak yang terjadi dalam masalah ini belakangan ini. Jika masih ada pertanyaan, komentar, atau bug, silahkan lanjutkan pembahasannya. Sayangnya, kami tidak punya waktu untuk membahas setiap masalah. Kami selalu terbuka untuk kontribusi, jadi kirimkan permintaan bantuan jika Anda ingin membantu. Masalah yang tidak aktif akan ditutup setelah 30 hari. Terima kasih!

menabrak

@pksunkara @graup @ Aaron-Pool adakah yang punya waktu untuk menggali lebih dalam? jika ada perubahan yang kita butuhkan dan kita bisa mengubahnya menjadi 6.0, sekarang adalah waktu terbaik untuk melakukannya!

Kami masih perlu mendukung Vue2 cukup lama setelah Vue3 dirilis. Satu hal yang perlu kita periksa adalah apakah kita dapat mendukung keduanya pada saat yang bersamaan.

Juga mengingat bahwa Vue3 belum keluar dari beta, dan seandainya kami ingin mengeluarkan buku cerita v6, saya akan menunda dukungan vue3 setelah rilis v6

Saya berencana untuk segera memeriksanya, tetapi tidak dapat memberikan ETA. Belum sempat mencoba Vue 3.

Saya setuju dengan @pksunkara bahwa ini tidak mendesak untuk 6.0 karena masih beta.

Terima kasih @graup. Saya juga setuju bahwa ini tidak mendesak - kami tidak diharapkan untuk mendukung perangkat lunak yang belum dirilis di Storybook. Satu-satunya kekhawatiran saya adalah, misalnya, kami merilis 6.0 pada bulan Juli, Vue3 diluncurkan pada bulan Agustus, kami mendukungnya pada bulan September, dan menemukan bahwa ada perubahan besar yang diperlukan. Dan kita tidak bisa mendapatkan perubahan besar itu tanpa perubahan versi utama pada bulan Oktober, yang seharusnya terjadi pada Juni 2021.

Saya baru saja mencoba untuk mendapatkan beberapa lampu di saluran perselisihan sekarang tentang bagaimana cara saya mencoba membuatnya bekerja dengan Vue 3, itu akan membutuhkan preset baru karena logika untuk bootstrap kerangka kerja sedikit berbeda .. Saya tidak rasa kode saat ini di folder vue akan berfungsi dengan vue 3 ..

Saya mengerti @shilman. Izinkan saya mengklarifikasi lebih banyak karena tampaknya saya tidak menyampaikan maksud saya dengan benar.

Dari apa yang saya pahami dengan percobaan @ p3k dan komentar @milewski , kita tidak hanya membutuhkan preset baru tetapi kita juga perlu melakukan perubahan pada paket @storybook/vue .

Tapi kami masih perlu mendukung Vue v2 untuk beberapa waktu, tidak semua orang akan pindah ke Vue v3. Jadi, kecuali kita ingin mengatakan bahwa Vue v2 tidak lagi didukung, akan lebih baik jika kita membuat paket @storybook/vue3 .

Tetapi jika kami memutuskan untuk menghentikan dukungan Vue v2, maka ya, saya setuju bahwa kami mungkin harus melakukan perubahan yang melanggar sebelum Storybook v6.

@pksunkara Solusi yang Anda usulkan sepertinya bagus. 💯

Saya tidak berpikir kami dapat menghentikan dukungan vue2 dalam waktu dekat, jadi kami ingin menjalankan kedua paket tersebut secara paralel, dan mungkin membuat pemotongan penuh di beberapa rilis utama mendatang (7.0? 8.0? Tidak pernah?). Setelah dua paket dirilis, kita dapat menggunakan statistik unduhan npm untuk menentukan kapan waktu yang tepat untuk menghapus dukungan Vue2. WDYT?

cc @ndelangen

Saya mencobanya: https://github.com/milewski/storybook/tree/vue3 pada dasarnya ini berfungsi untuk saya dengan vue3 ..

namun, ada satu blok kode yang saya tidak yakin apa yang seharusnya dilakukannya https://github.com/milewski/storybook/blob/vue3/app/vue/src/client/preview/index.ts#L41 -L58 Saya belum pernah menggunakan buku cerita sebelumnya .. Saya hanya ingin mulai menggunakannya sekarang dengan proyek vue3 saya ..

Sejauh yang saya tahu https://storybook.js.org/docs/guides/guide-vue/ mengikuti instruksi pada panduan ini saya mendapatkan komponen saya menggunakan vue 3 berhasil dirender ... tanpa potongan kode yang saya tinggalkan off ... Mungkin diperlukan untuk bekerja dengan beberapa plugin tertentu? dapatkah seseorang memberi tahu saya tentang konfigurasi / addon / plugin mana yang kode itu akan berguna? jadi saya dapat menemukan cara untuk memperbaikinya dan seseorang bisa mendapatkan inspirasi pada versi saya dan mengikuti prosedur kode dengan benar untuk merilis preset baru di sini?

Kerja bagus @milewski - super seru !!! 🚀

Saya menemukan apa yang kode itu lakukan .. perlu untuk menerapkan opsi yang diberikan dari kenop .. saya telah memperbaikinya .. dapatkah Anda mencobanya karena sepertinya Anda telah menggunakan buku cerita lebih lama? @ p3

Anda dapat menginstalnya dengan menjalankan:

git clone --branch vue3 https://github.com/milewski/storybook.git
cd storybook
yarn bootstrap --core
yarn build (select vue)
cd app/vue
yarn link

then cd to your project and:

yarn link @storybook/vue

terima kasih banyak atas usaha Anda @milewski - saya baru saja mencoba cabang Anda dan mendapat kesalahan saat menjalankan yarn bootstrap --core :

…
$ node ../../scripts/prepare.js
TSFILE: /home/tobi/Projects/modul/storybook/app/mithril/dist/src/client/preview/globals.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/mithril/dist/src/client/preview/types.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/mithril/dist/src/client/preview/render.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/mithril/dist/src/client/preview/index.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/mithril/dist/src/client/index.d.ts
Built: @storybook/[email protected]
lerna ERR! yarn run prepare exited 1 in '@storybook/vue'
lerna ERR! yarn run prepare stdout:
$ node ../../scripts/prepare.js
src/server/framework-preset-vue.ts(5,17): error TS4058: Return type of exported function has or is using name 'VueLoaderPlugin' from external module "/home/tobi/Projects/modul/storybook/app/vue/node_modules/vue-loader/dist/plugin" but cannot be named.
TSFILE: /home/tobi/Projects/modul/storybook/app/vue/dist/client/preview/globals.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/vue/dist/client/preview/types.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/vue/dist/client/preview/render.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/vue/dist/client/preview/util.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/vue/dist/client/preview/index.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/vue/dist/client/index.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/vue/dist/server/options.d.ts
TSFILE: /home/tobi/Projects/modul/storybook/app/vue/dist/server/build.d.ts
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

lerna ERR! yarn run prepare stderr:
ERR! FAILED (ts) :  
ERR! FAILED to compile ts: @storybook/[email protected] 
error Command failed with exit code 1.

lerna ERR! yarn run prepare exited 1 in '@storybook/vue'
lerna WARN complete Waiting for 3 child processes to exit. CTRL-C to exit immediately.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Uhm. Ada masalah dengan naskah ketikan. Saya baru saja menonaktifkan pemeriksaan ts untuk saat ini .. tarik kode terbaru dari cabang saya dan coba lagi

ya, sekarang perintah tersebut berjalan tanpa kesalahan.

re yarn build (select vue) saya mendapatkan pesan _storybook WARN build Nothing to build! _ - apakah itu benar?

Tidak pada menu interaktif yang muncul Anda perlu menekan spasi untuk memilih

image

ah! maaf, saya buruk, tentu.

sekarang sudah dibangun dengan baik dan saya dapat menjalankan buku cerita dengan komponen vue3 pertama saya - luar biasa! terima kasih sekali lagi, @milewski

@milewski Kerja bagus! Baru saja diuji dan sepertinya berhasil.

Sejauh yang saya tahu, satu-satunya perubahan besar yang dapat merusak adalah impor dan barang createApp , bukan? Mungkinkah mungkin untuk menulis kode yang kompatibel dengan mundur yang memeriksa versi vue yang diinstal dan melakukan hal yang benar secara otomatis? Kemudian kita bisa menghindari dua versi preset.

Saya mencoba memperbarui contoh vue kami tetapi tampaknya beberapa barang yang digunakan di sana belum memiliki versi vue3. Secara umum, tampaknya masih ada banyak paket beta dan tidak cocok, jadi mungkin lebih baik menunggu sebentar sebelum mencoba memperbarui seluruh basis kode buku cerita, termasuk add-on, dll. Akan ada cukup banyak pekerjaan yang harus dilakukan.

Sejauh yang saya tahu, satu-satunya perubahan besar adalah impor dan barang-barang createApp, bukan?

ya saya akan mengatakannya juga.

dari hal-hal yang awalnya saya coba (lihat komentar awal saya) yang saya simpan hanyalah penggabungan konfigurasi - dorongan VueLoaderPlugin tidak diperlukan, lagi, berkat kontribusi @ milewski, saya berasumsi: cat:

(kembali) menginisialisasi buku cerita sangat mudah seperti yang dijelaskan dalam dokumen: npm install @storybook/vue --save-dev ; Saya bahkan tidak perlu menginstal dependensi peer lainnya (mungkin karena karena kami sudah menginstalnya untuk proyek kami).

Kemudian kita bisa menghindari dua versi preset.

saya berasumsi itu akan sangat disukai, dan bahkan mungkin memungkinkan untuk memiliki perubahan pada rilis buku cerita berikutnya…?

mengenai contoh vue mungkin saya dapat membantu membuat versi yang kompatibel dengan vue3 (beberapa di antaranya)? (Namun, saya belum menjadi ahli vue.)

@rumahguguk

Sejauh yang saya tahu, satu-satunya perubahan besar adalah impor dan barang-barang createApp, bukan? Mungkinkah mungkin untuk menulis kode yang kompatibel dengan mundur yang memeriksa versi vue yang diinstal dan melakukan hal yang benar secara otomatis? Kemudian kita bisa menghindari dua versi preset.

Saya menghadapi masalah dengan reaktivitas juga, saya mencoba mengikuti cara versi saat ini mengatur / memperluas objek tetapi vue3 tidak lagi melacak perubahan pada jenis objek itu, khususnya yang dibuat di dalam fungsi render, saya harus membuat referensi dengan ref () atau reaktif () untuk memicu pembaruan ..

Saya mencoba memperbarui contoh vue kami tetapi tampaknya beberapa barang yang digunakan di sana belum memiliki versi vue3. Secara umum, tampaknya masih ada banyak paket beta dan tidak cocok, jadi mungkin lebih baik menunggu sebentar sebelum mencoba memperbarui seluruh basis kode buku cerita, termasuk add-on, dll. Akan ada cukup banyak pekerjaan yang harus dilakukan.

Saya mencoba menggunakan yang satu itu sebagai titik awal tetapi mencoba menginstal barang-barang vue2 bahkan Anda telah secara eksplisit mengatur versi pada packagejson ... vue 3 tidak berfungsi sama sekali jika Anda memiliki vue-template-compiler atau vue loader lama diinstal .. mungkin ada beberapa ketergantungan di sana yang mengimpornya

@ p3

(kembali) menginisialisasi buku cerita secara langsung seperti yang dijelaskan dalam dokumen: npm install @ storybook / vue --save-dev; Saya bahkan tidak perlu menginstal dependensi peer lainnya (mungkin karena karena kami sudah menginstalnya untuk proyek kami).

Saya pikir ini terjadi karena saya menyertakan vue3 dan vue-loader ^ 16 sebagai ketergantungan pada packages.json

Saya akan baik-baik saja dengan paket @storybook/vue3 jika itu benar-benar dibutuhkan.

FYI, saya baru saja memperbaiki bug rendering inti di kode Storybook Vue2: https://github.com/storybookjs/storybook/pull/11076

Ini menyebabkan "perilaku penyegaran paksa" yang digunakan oleh addon-knobs dan addon-controls benar-benar memaksa penyegaran. Saya tidak yakin apakah itu ada hubungannya dengan kode Vue3, tetapi hanya untuk diketahui jika Anda menguji, silakan gabungkan dalam pembaruan itu.

Selesai juga diterapkan pada versi bercabang!

Hanya untuk memasukkan dua sen saya, sepertinya vite akan menjadi perkakas _defacto_ yang digunakan untuk vue 3, seperti vue-cli yang digunakan untuk vue 2. Kami memiliki beberapa pengguna yang memiliki masalah dengan harus melakukan semua konfigurasi konfigurasi dua kali saat menggunakan vue-cli dengan buku cerita, sebuah probalem @pksunkara berhasil menyelesaikannya dengan baik dengan plugin buku cerita vue-cli miliknya. Kita harus memastikan preset / paket apa pun yang kita siapkan berfungsi dengan lancar dengan vite, jika memungkinkan.

Sunting: Saya baru menyadari bahwa ini bisa jadi rumit, karena Vite menggunakan rollup di bawah kapnya, daripada webpack

Saya pikir saya harus benar-benar melihat apakah Storybook dapat menggunakan sistem webpack / build pengguna dan tidak memerlukan konfigurasinya sendiri sama sekali.

Selain pemikiran, saya pikir saya belum memeriksa vite, tapi mungkin mereka akan mengadaptasi sistem plugin vue cli

Kami tidak berpikir atau bertujuan agar Vite menjadi "the" tooling. Sejumlah besar proyek akan membutuhkan kekuatan dan fleksibilitas yang disediakan webpack, dan tujuan vite bukanlah untuk memenuhi semua kebutuhan ini.

Jadi saya tidak akan terlalu khawatir tentang vite untuk saat ini, dan tentunya tidak untuk dukungan Vue3 untuk buku cerita itu sendiri.

@LinusBorg alasan saya secara khusus mengemukakan hal itu adalah karena kami sering mengalami masalah serupa dengan Vue 2, di mana 90% komunitas membuat proyek mereka dengan vue-cli, dan fakta bahwa buku cerita tidak dapat mendeteksi dan menggunakan Vue- sistem pembangunan yang dikelola cli menyebabkan banyak kebingungan bagi pengguna Vue.

Apakah Anda tidak melihat kami mengalami masalah serupa dengan vite saat orang mencoba mengintegrasikan buku cerita ke dalam proyek berbasis vite?

tidak juga, tidak. Vite sendiri cukup sederhana dibandingkan dengan pengaturan Vue CLI.

Apa yang Vite sediakan dilindungi oleh konfigurasi Webpack sederhana yang memiliki aturan untuk menangani file .vue , ts(x) dan .css . Dan meskipun dapat dikembangkan, API itu cukup dekat dengan logam jadi kami tidak berharap orang menambahkan transformasi khusus dan hal-hal kiri dan kanan.

Itu tidak memiliki API plugin yang ekstensif berdasarkan desain. jika orang membutuhkan sihir khusus yang mewah untuk proyek mereka, kemungkinan besar mereka akan tetap membutuhkan Webpack lebih cepat daripada nanti, jadi gunakan Vue CLI.

Vite tidak melihat "ekstensibilitas untuk kasus penggunaan apa pun" sebagai salah satu tujuannya.

Jadi saya akan mengatakan bahwa setiap proyek Vite biasanya harus bekerja dengan buku cerita / vue selama konfigurasi webpacknya mencakup aturan dasar yang saya susun, yang menurut saya memang demikian.

@LinusBorg Ok, itu masuk akal. Terima kasih atas masukannya 👍 Setiap bimbingan dari tim Core Vue sangat kami hargai!

Terima kasih atas pekerjaan yang dilakukan semua orang ke dalam buku cerita, tidak sabar untuk menggunakannya untuk proyek Vue 3 saya :)

Karena Vue3 sekarang dalam RC , mungkin ada baiknya mengevaluasi ulang apakah menambahkan dukungan Vue3 ke v6 harus dipertimbangkan atau tidak.

@hollandThomas kami sudah mid-RC jadi vue3 harus datang di 6.1. Meski begitu, kami harus merilis 6.1 alfa pertama dalam beberapa minggu, jadi jika ada yang ingin mulai menggabungkannya, saya yakin ada banyak penonton yang haus akan ini!

Apakah ada cabang aktif yang dapat kita gunakan atau kontribusikan, untuk membantu menyiapkan dukungan Vue 3?

Dalam organisasi kami, pustaka komponen Vue ui kami menyentuh semua proyek Vue kami, jadi ini adalah salah satu hal pertama yang menghalangi kami untuk mencoba Vue 3, dan kami akan sangat ingin membantu menguji atau bermigrasi jika diperlukan. Saya akan menebak bahwa orang lain berada di perahu yang sama.

Sekarang juga ada panduan migrasi v2 -> v3 di dokumen https://v3.vuejs.org/guide/migration/introduction.html#overview

@milewski @graup @ Aaron-Pool @elevatebart kami berada di 6.1-alpha sekarang. ada yang mau mencoba PR untuk ini?

@ p3 terima kasih. baru saja dibuat dengan deskripsi Anda, bagi saya sepertinya berfungsi, tidak menguji banyak fungsi
konfigurasi webpack dapat dengan mudah diperbaiki di main.js seperti

webpackFinal: async (config, {configType}) => {

    config.resolve.alias['vue$'] = 'vue/dist/vue.esm-browser.js'

    return config
  }

dan loader bisa menjadi

dengan render.js terjebak sedikit cara mengonfigurasi di .storybook

@shilman apakah versi '6.1.0-alpha.1' ini kompatibel dengan vue3?

tidak yakin tapi sepertinya tidak. masih versi kedua didukung ..

Tidak, belum. Saya berharap seseorang di sini akan berkontribusi, sesuai komentar saya

@shilman Saya masih belum memiliki kesempatan untuk menggunakan Vue 3 😞 Pekerjaan saya memiliki tenggat waktu untuk rilis produk berbasis Vue 2 bulan ini, jadi saya belum punya waktu untuk mencoba-coba.

Jadi tugasnya pada dasarnya

  • salin app / vue ke app / vue3
  • pastikan untuk mengubah semua referensi kerangka kerja
  • menerapkan perubahan yang dilakukan oleh @milewski di https://github.com/milewski/storybook/tree/vue3
  • memodifikasi atau membuat contoh dapur kecil baru
  • coba kombinasi metode definisi komponen story / vue3 yang berbeda dan periksa apakah keduanya berfungsi

?

@chartinger terdengar seperti jalur paling langsung bagi saya. jika kita dapat mengetahui bagaimana menerapkan perubahan tersebut secara bersyarat berdasarkan versi vue yang Anda gunakan dan mempertahankan satu paket, itu akan lebih baik.

Saya melakukan eksperimen tampilan di https://github.com/chartinger/storybook/tree/app-vue3 (memerlukan beberapa perubahan dari garpu di atas) apa yang saya temukan sejauh ini:

Baik:

  • Komponen vue3 dasar akan dirender
  • Perubahan dari Kontrol diperbarui secara langsung

Buruk:

  • Sepertinya tidak dapat memuat komponen vue yang didekorasi kelas
  • Tidak tahu apakah tombol berfungsi, saya ingin belajar buku cerita dengan vue3 jadi tidak ada kode demo atau proyek sebelumnya untuk diuji
  • Tidak ada deteksi otomatis atribut kontrol dari alat peraga

Lain:

  • Mengimpor komponen di StoryMeta tidak melakukan apa-apa, harus ada di Story
  • Komponen global sekarang terikat ke instance aplikasi, apakah mungkin untuk menyediakannya ke .storybook / preview.js atau cara lain? (apakah itu dibutuhkan?)

@elevatebart Apa status vue-docgen-api untuk vue3? ☝️

Ini kompatibel secara keseluruhan. Tetapi peristiwa yang memancar dalam fungsi pengaturan belum ditangani.

Untuk ini, saya masih memerlukan cara performan untuk masuk ke fungsi pengaturan dan mendeteksi emisi tersebut.

Karena fungsinya bisa dalam banyak file, mungkin perlu sedikit waktu.

@chartinger ingin memperbarui cabang Anda dengan beberapa percobaan? Saya ingin menggali masalah "deteksi otomatis atribut kontrol" yang Anda temukan, dan saya mungkin bisa meminta seseorang untuk melihat masalah yang didekorasi dengan kelas.

@shilman Saya menambahkan contoh vue3, berdasarkan vue-cli dan memindahkan contoh tombol ke komposisi dan api kelas (saya menyebutnya anotasi dalam kode, yang harus diubah tetapi akan dilakukan untuk saat ini). Entah bagaimana komponen api kelas dimuat kali ini.

Untuk pengujian jangan lupa untuk npm link dan npm link @storybook/vue3 sesuai.

FYI: Saya baru saja menerbitkan @andoshin11/storybook-vue3 ke npm, jadi silakan mencobanya 👇

https://www.npmjs.com/package/@andoshin11/storybook -vue3

btw, Vue 3 secara resmi keluar dari beta.

PS. Terima kasih untuk fork / versi buku cerita @ andoshin11 Anda

// edit: baca saja utasnya dan kerja bagus guys .. Saya mungkin akan mencobanya :)

Kerja bagus semuanya. Saya ingin memasukkan ini ke dalam rilis 6.1. Apakah ada yang mau menerima ini? Ini akan menjadi kontribusi berdampak sangat tinggi. Idealnya kami mendukung vue3 dan vue2 dalam paket yang sama, melakukan beberapa deteksi otomatis atau konfigurasi pengguna untuk mengetahui versi mana yang akan digunakan.

Lingkup pekerjaan ini:

  • [] Membuat perubahan yang diperlukan untuk mendukung vue3
  • [] Menambahkan tes e2e untuk vue3 proyek vue (kami sudah memiliki template untuk ini, dan seharusnya tidak terlalu sulit)
  • [] Memperbarui dokumentasi
  • [] Tersedia untuk perbaikan bug dan dukungan saat kami mempromosikannya di prarilis

Silakan hubungi saya pada perselisihan kita jika Anda ingin mengerjakan ini - saya telah membuat saluran #vue3 temp untuk berdiskusi! https://discord.com/invite/UUt2PJb

Ada sedikit pekerjaan yang dilakukan di https://github.com/storybookjs/storybook/issues/12632. Mencatatnya di sini agar tidak tersesat.

Karena Vue 3 keluar dari beta dan akan tersedia dalam tag latest dalam beberapa bulan, apakah ada ETA yang tersedia untuk Vue 3 dukungan di buku cerita?

Selain itu, akan sangat membantu jika menambahkan CHANGELOG menjadi @storybook/vue - https://github.com/storybookjs/storybook/tree/master/app/vue , sehingga kita bisa mendapatkan ide tentang apa yang berubah dengan versi @storybook/vue .

@palerdot Saya ingin sekali mendapatkan dukungan vue3 yang dikirimkan sebagai bagian dari buku cerita 6.1. mencari seseorang untuk berkontribusi ini - apakah Anda tertarik? https://github.com/storybookjs/storybook/issues/10654#issuecomment -698200547

Sedangkan untuk CHANGELOG, kami memiliki satu untuk seluruh monorepo dan tidak realistis untuk mempertahankan satu tambahan untuk setiap kerangka. Namun, saya akan mempertimbangkan untuk melakukan ringkasan kerangka khusus dengan setiap pengumuman rilis, yang mungkin sebenarnya Anda inginkan sebagai pengguna.

@tokopedia

mencari seseorang untuk berkontribusi ini - apakah Anda tertarik?

Sayangnya, saya tidak dapat menyediakan waktu untuk ini saat ini (belum lagi saya tidak begitu paham dengan storybook basis kode).

saya akan mempertimbangkan untuk melakukan ringkasan kerangka khusus dengan setiap pengumuman rilis, yang mungkin sebenarnya Anda inginkan sebagai pengguna.

Terima kasih. Itu akan lebih baik. Anda benar. Sebagai pengguna, saya hanya ingin tahu kerangka apa yang didukung (seperti Vue 3 misalnya) dengan setiap rilis. Jadi, menambahkan info itu ke CHANGELOG utama akan sangat membantu.

Hanya menjatuhkan titik data bahwa saya ingin Vue3 bekerja dengan buku cerita juga. Mungkin beberapa pengembang inti / perkakas Vue dapat membantu di sini, seperti @Akryum ?

@tokopedia
Saya rasa saya menemukan solusi untuk mengerjakan buku cerita dengan vue2 & vue3. Saya mencoba membuat POC jika saya berharap ada waktu untuk itu ;-). Tidak janji. ^^
Tapi saya pikir saya sudah membagikan ide saya.
Saya menemukan Vue Demi yang tampaknya menjanjikan untuk menyelesaikan masalah menggunakan satu paket untuk vue2 & vue3.
Tentu masih ada pekerjaan yang harus dilakukan dengan api kompos. Tetapi saya pikir dengan paket itu, satu langkah maju ke paket yang menjanjikan

13224 masalah yang sama. @shilman haruskah kita menunggu dukungan Vue 3 di versi Buku Cerita berikutnya?

Ya, semoga akan mendarat di 6.2. masih mencari seseorang untuk mewujudkannya!

Apakah halaman ini membantu?
0 / 5 - 0 peringkat