feat(content): add spaLoadingTemplate to content resolution (#907)

Author: nikolasdas

docs/content/2.tailwind/1.config.md

@@ -20,7 +20,8 @@ When you install the module, the default Tailwind configuration for your project
     "{srcDir}/utils/**/*.{js,ts,mjs}",
     "{srcDir}/{A,a}pp.{vue,js,jsx,mjs,ts,tsx}",
     "{srcDir}/{E,e}rror.{vue,js,jsx,mjs,ts,tsx}",
-    "{srcDir}/app.config.{js,ts,mjs}"
+    "{srcDir}/app.config.{js,ts,mjs}",
+    "{srcDir}/app/spa-loading-template.html"
   ],
   "plugins": []
 }

playground/app/spa-loading-template.html

@@ -0,0 +1 @@
+<div class="bg-orange-700">hello</div>

playground/nuxt.config.ts

@@ -11,6 +11,7 @@ const logger = consola.withTag('nuxt:tailwindcss:playground')
 
 export default defineNuxtConfig({
   extends: ['./theme'],
+  // ssr: false,
 
   // builder: 'webpack',
   modules: [

src/resolvers.ts

@@ -53,7 +53,8 @@ const resolveContentPaths = (srcDir: string, nuxtOptions = useNuxt().options) =>
     r(`{A,a}pp${sfcExtensions}`),
     r(`{E,e}rror${sfcExtensions}`),
     r(`app.config${defaultExtensions}`),
-  ].filter(Boolean)
+    !nuxtOptions.ssr && nuxtOptions.spaLoadingTemplate !== false && r(typeof nuxtOptions.spaLoadingTemplate === 'string' ? nuxtOptions.spaLoadingTemplate : 'app/spa-loading-template.html'),
+  ].filter((p): p is string => Boolean(p))
 }
 
 /**