hapi svelte views

Hapi Svelte Views

สถานะ: การทำงาน แต่ทดลอง

การติดตั้งและการใช้งาน

npm install --save-dev hapi-svelte-views svelte @hapi/vision

  // server.js
  const Vision = require ( '@hapi/vision' )
  const Svelte = require ( 'hapi-svelte-views' )

  // ... your server set-up here ...

  // Register Vision and Svelte plugins
  await server . register ( Vision ) ;
  await server . register ( Svelte ) ;

  // Configure Vision / Svelte plugins
  server . views ( {
    engines : {
      svelte : Svelte
    } ,
    relativeTo : __dirname ,
    path : 'views' // Put your .svelte components into 'views'
  } )

  // Some Route
  server . route ( {
    method : 'GET' ,
    path : '/' ,
    handler : ( request , h ) => {
      // Render Home view and pass it some props
      const props = { name : 'World' }
      const layout = 'BasicLayout'
      return h . view ( 'Home' , { layout , props } )
    }
  } ) 

  // views/Home.svelte
  < h1 > Hello { name } ! </ h1 > 

  // views/BasicLayout.svelte
  < nav >
    < ul >
      < li > Brand < li >
    </ ul >
  </ nav >
  < slot > </ slot >