<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>tailwindcss on Mihai Saru</title>
    <link>/tags/tailwindcss/</link>
    <description>Recent content in tailwindcss on Mihai Saru</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en-us</language>
    <lastBuildDate>Tue, 22 Dec 2020 18:06:04 +0200</lastBuildDate><atom:link href="/tags/tailwindcss/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Svelte starter with Typescript, Tailwindcss, routing &amp; lazy loaded routes - IE11 compatible</title>
      <link>/posts/svelte-typescript-tailwindcss-ie11-starter/</link>
      <pubDate>Tue, 22 Dec 2020 18:06:04 +0200</pubDate>
      
      <guid>/posts/svelte-typescript-tailwindcss-ie11-starter/</guid>
      <description>1. Prerequisites:  node (used here v14.15.0)  2. Project initialisation with Typescript Init the project (named here svelte-project-starter) using degit:
npx degit sveltejs/template svelte-project-starter Navigate inside the directory of the newly created project:
cd ./svelte-project-starter Convert the project to Typescript:
node scripts/setupTypeScript.js Install the node modules:
npm i (Optional) Add Prettier config: It&amp;rsquo;s useful to first install prettier-plugin-svelte:
npm i -D prettier-plugin-svelte The .prettierrc file:
{ &amp;#34;printWidth&amp;#34;: 120, &amp;#34;singleQuote&amp;#34;: true, &amp;#34;useTabs&amp;#34;: false, &amp;#34;tabWidth&amp;#34;: 2, &amp;#34;semi&amp;#34;: false, &amp;#34;bracketSpacing&amp;#34;: true, &amp;#34;trailingComma&amp;#34;: &amp;#34;es5&amp;#34;, &amp;#34;svelteSortOrder&amp;#34;: &amp;#34;scripts-markup-styles&amp;#34; } The .</description>
    </item>
    
  </channel>
</rss>
